标签:不重复 linear no-repeat ext back 元素 line 背景 尺寸
(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】
标签:不重复 linear no-repeat ext back 元素 line 背景 尺寸
原文地址:https://www.cnblogs.com/gao7/p/10995059.html