CSS中的background属性探究

最新推荐文章于 2024-10-17 18:29:30 发布

清风伴长卷

最新推荐文章于 2024-10-17 18:29:30 发布

阅读量267

点赞数

分类专栏： CSS 文章标签： css background

本文链接：https://blog.csdn.net/yds303999450/article/details/77412762

版权

1 篇文章 0 订阅

订阅专栏

首先需要说明一点就是：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%;
由于本部分知识点有更好的讲解,现附上链接,不再赘述：点击打开链接