背景属性的相关属性设置

背景属性的相关属性设置

背景的颜色：background-color：

（与文字的颜色color设置一样，只是表示的属性值不一样）

         背景的颜色的设置可以分为：

1. 英文定义的颜色的单词；
2. 十六进制的书写方式；
3. rgb(0,0,0)三原色的书写方式，数值是0~255之间的整数；
4. 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（定位）

背景属性的相关属性设置