背景属性的相关属性设置

背景的颜色: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(定位)

 

posted @ 2016-07-31 15:33  潜龙出海  阅读(135)  评论(0编辑  收藏  举报