码迷,mamicode.com
首页 > 其他好文 > 详细

背景属性的相关属性设置

时间:2016-07-31 15:46:28      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

背景属性的相关属性设置

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

 

背景属性的相关属性设置

标签:

原文地址:http://www.cnblogs.com/792155879a/p/5723117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!