如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。该属性用来设置元素的背景颜色,每个元素的背景颜色是唯一的,其属性值分为以下四种:该属性值auto auto为background-size的默认值,表示直接渲染图像本身的大小比例,超出元素大小的部分会被截掉,所以很可能会出现背景图像显示不全的问题,除非你背景图像的宽高正好等于元素的宽高,不常用。
该属性表示设置背景的渲染区域为元素内文字区域,背景被裁剪渲染到文字上,成为文字的前景色,同时需要设置文字颜色为transparent-透明,才能看出效果。而在CSS3中,background-size属性允许我们规定背景图片的尺寸,这使得我们能够在不同的环境中重复使用背景图片,并根据需要进行尺寸调整。
1、background属性表示什么
该属性值是在保持图像的宽高比例的前提下,尽可能的缩放图像以完全放入背景区,当背景图像和背景区的宽高比例不同时,背景图像在缩放到背景区后,肯定会导致一部分背景区未被覆盖,未被覆盖的区域则会显示background-color设置的背景颜色。
2、background属性设置图片尺寸
如果另一个值是left或right,则这个值定义的是Y轴位置;如果另一个值是top或bottom,则这个值定义的是X轴位置;如果另一个值也是length或percentage,则由值的先后顺序决定,首先个值定义X轴位置,第二个值定义Y轴位置。
3、background属性用法
该属性用来设置背景图像的大小,其属性值有:length(携带css单位的数值)、percentage(百分比数值)、auto(默认值,按照图像本身的大小比例)、cover(缩放背景图片以完全覆盖背景区)、contain(缩放背景图片以完全装入背景区)。如果是length或percentage,则表示这是在首先个值所定义的轴方向上的偏移量;如果是关键字,则表示在首先个值的基础上,定义另外一个方向轴。
4、background属性怎么用
在设置属性值为border-box时,如果边框也设置了颜色,那么背景颜色依旧会覆盖边框区域,但是边框颜色会覆盖在背景颜色之上。如果一个值是left或right,则另外一个值不可以是left或right,因为两个值必须分别定义不同轴。该属性值采用带有css单位的数值,来直接设置背景图像的大小,针对某个背景图像,可以设置一个或者两个数值,中间以空格相隔,数值不能为负数。
5、background属性值
其中部分双属性值可进行简写,上述单属性值语法就是完整双属性值语法的简写形式:
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 80448874@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.pglvshi.com/pgdnjn/3491.html