用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