CSS中有一個(gè)很有用的屬性叫做cover，它可以讓一個(gè)元素的背景圖像鋪滿整個(gè)元素的寬高，并且不會(huì)變形。下面就來詳細(xì)介紹一下這個(gè)屬性：

background-size: cover;

以上是設(shè)置cover的CSS屬性，它可以被應(yīng)用于任何元素（比如div、section、article等）。cover將背景圖像自動(dòng)調(diào)整大小，讓其完全覆蓋元素的寬度與高度。比如：

div {
background-image: url('bg.png');
background-size: cover;
}

在上述代碼中，div元素會(huì)被帶有bg.png圖片作為背景，這個(gè)圖片會(huì)被自動(dòng)縮放以適應(yīng)div元素的尺寸。這就是cover屬性的魔力所在。

需要注意的是：如果使用cover屬性的背景圖片比元素的尺寸大，則圖片的一部分將會(huì)被剪裁。這可能會(huì)影響到圖片的良好展示，所以應(yīng)該謹(jǐn)慎選擇與排布元素背景圖片。

總之，cover屬性是一項(xiàng)非常有用的CSS樣式，它可以幫助網(wǎng)頁設(shè)計(jì)者在多個(gè)平臺(tái)上更好的展示內(nèi)容。移動(dòng)設(shè)備、計(jì)算機(jī)等設(shè)備在不同分辨率下，都可以完美展示該屬性效果。