用background屬性簡寫background-size屬性
阿新 • • 發佈：2020-12-29
前言:
CSS3提供了很多豐富且實用的規範，得以讓網頁更加絢麗多彩。因為多了很多新的知識，我學得也沒那麼全面，經常就多敲了很多多餘得程式碼。
比如CSS3提供了background-size屬性，可以設定背景圖片的尺寸。因為是新屬性，也不知道能不能用background簡寫，每次我都分開寫的，比如：
| 1 |
background:url(../img/bg.jpg)no-repeattopcenter;background-size:cover;
|
今天又寫background-size屬性的時候，突然就想看看到底能不能簡寫，於是查了一下資料，原來是可以簡寫的。簡寫程式碼如下：
| 1 |
background:url(../img/bg.jpg)no-repeattopcenter/cover;
|
在 background 裡面加個斜槓 “/” ，斜槓前面部分是 background-position 屬性的值，後面部分是 background-size 的值。
要注意的是，在這種格式下，background-position 屬性一定要寫出來，不能省略。