CSS中的background-size屬性最常用的取值之一就是“cover”，它的作用是讓背景圖片等比例縮放并覆蓋住整個背景區域。這種技術被廣泛應用在網站中，用來實現重要的效果，比如全屏背景圖片。在本文中，我們將討論如何使用CSS的background-size屬性實現圖片自適應cover。

.cover-img {
background: url("path/to/image.jpg") no-repeat center center;
background-size: cover;
}

上述CSS代碼中，.cover-img是一個CSS類名。我們將要將此類應用于一個包含在HTML元素中的元素，比如div。

background屬性被用來設置背景圖片的路徑。no-repeat告訴瀏覽器不要重復顯示圖片。center center告訴瀏覽器將圖片水平和垂直居中。

background-size：cover的作用是將背景圖片等比例縮放，確保它在任何瀏覽器中都覆蓋整個元素區域。這意味著圖片的某些部分可能會被裁剪掉，但這正是我們需要的效果。

通過使用background-size：cover，我們可以確保背景圖片始終充滿整個元素區域，而不管元素的大小和屏幕尺寸如何。這種技術不僅僅用于全屏背景圖片，而且可以用于任何需要達到同樣效果的元素，比如圖像、視頻和小部件。