用background属性简写background-size属性


前言:

CSS3提供了很多丰富且实用的规范,得以让网页更加绚丽多彩。因为多了很多新的知识,我学得也没那么全面,经常就多敲了很多多余得代码。

比如CSS3提供了background-size属性,可以设置背景图片的尺寸。因为是新属性,也不知道能不能用background简写,每次我都分开写的,比如:

1
background : url (../img/bg.jpg)  no-repeat  top  center ; background- size :cover;

今天又写background-size属性的时候,突然就想看看到底能不能简写,于是查了一下资料,原来是可以简写的。简写代码如下:

1
background : url (../img/bg.jpg)  no-repeat  top  center  / cover;

在 background 里面加个斜杠 “/” ,斜杠前面部分是 background-position 属性的值,后面部分是 background-size 的值。

 

要注意的是,在这种格式下,background-position 属性一定要写出来,不能省略。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM