CSS背景:
(1)设置背景颜色:
语法:background-color:transparent|color
;
注:transparent为透明的背景
。
p {background-color: gray;}
(2)设置背景图片:非常便于控制位置
语法格式:body {background-image: url(/i/eg_bg_04.gif);}
其中:如果需要设置一个背景图像,必须为这个属性设置一个 URL 值
:
(3)设置背景平铺:对背景图进行平铺
语法格式:
background-repeat: repeat | no-repeat | repeat-x | repeat-y
(4)设置图片位置:
语法格式:background-pasition: x y;
第一关键词 等价的关键词
center center center
top top center 或 center top
bottom bottom center 或 center bottom
right right center 或 center right
left left center 或 center left
length:百分比|由浮点数字和单位标识组成的长度值
。
注意:如果一个值省,则第二个值默认为居中对齐。
(5)设置图像固定:设置背景是否固定或者随着页面的其余部分滚动。
background-attachment : scroll | fixed;
背景复合写法:
background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置
注意:没有特定的顺序要求
。
背景色半透明:background: rgba(0,0,0,0.3);最后一个参数alpha透明度,取值范围为在0-1之间
。