背景的颜色:background-color:(与文字的颜色color设置一样,只是表示的属性值不一样)
背景的颜色的设置可以分为:
-
- 英文定义的颜色的单词;
- 十六进制的书写方式;
- rgb(0,0,0)三原色的书写方式,数值是0~255之间的整数;
- rgba(0,0,0,0.0)前面三个同上,最后的一个表示的是颜色的透明度的方式数值是0~1之间的小数值。
背景的图片:background-image:
语法:background-image:url(图片的路径);
图片在标签中是默认平铺。
背景图片的重复设置:background-repeat:
repeat:重复默认选项;
no-repeat:不重复,即不平铺;
repeat-x:横向平铺
repeat-y:纵向平铺;
背景图的定位设置:background-position:
绝对定位:x的坐标值 y的坐标值
像素值:10px 10px;
百分比:10% 10%;
方位值定位:top | left | right | bottom
背景图是否随页面移动而移动:background-attachment:
scroll:随页面的移动而移动(默认值)
filled:不会碎页面的移动而移动;
关于背景图的简写方式:
background:color url(路径) repeat(是否重复)position(定位)