您的位置:首页 > Web前端 > CSS

CSS中的background属性探究

2017-08-19 15:01 337 查看
首先需要说明一点就是:background单个属性,如:background-color与background简写属性,如:background:url('./01.gif') repeat-x center;相比,background简写属性在较老版本的浏览器中支持性更好,而且代码更少!
**************************************************background单个属性讲解***********************************************************

background-color:设置背景颜色;
background-position:设置背景图片的位置,格式有三种:格式一、background-position:left  top;或者background-position:top left; 效果都是一样的,left和right取值用于x方向;top和bottom取值用于y方向;    只写一个参数,如:background-position:left; 不写第2个参数,则第2个参数默认为center;                          格式二、background-position:100px
50px; 第一个参数值100px为x方向,第二个参数值50px为y方向,此顺序不能颠倒;                  格式三、background-position:  10%  50%; 第一个参数值是以父类x方向为参考的,第二个参数值是以父类标签y方向为参考的,如果省略掉第2个参数,则默认为y方向50%;                                                 
由于本部分知识点有更好的讲解,现附上链接,不再赘述:点击打开链接
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: