背景美化
Posted gao7
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了背景美化相关的知识，希望对你有一定的参考价值。
（1）背景图：
使用【background-image】设置背景图片
使用【background-repeat】设置图片重复方式：
l repeat：【默认值】从左到右从上到下重复
l no-repeat：不重复
l repeat-x：仅在x轴方向上重复
l repeat-y：仅在y轴方向上重复
使用【background-position】设置图片在边框盒中的位置
l 预设值：left、right、top、bottom、center
l 数值：使用数值可实现从雪碧图（Sprite）中取得部分图像
使用【background-size】设置背景图尺寸
l 预设值：
l 数值：
使用【background-attachment】固定背景图：
l scroll：【默认值】背景图跟随元素移动
l fixed：背景图固定
（2）背景渐变
l 线性渐变：【background-image：linear-gradient(...)】
l 径向渐变（圆形渐变）：【background-image：radial-gradient(...)】
4. 透明度和鼠标样式
透明度【opacity】和alpha通道
鼠标样式
5. 阴影
l 文字阴影【text-shadow】
l 盒子阴影【box-shadow】
以上是关于背景美化的主要内容，如果未能解决你的问题，请参考以下文章