CSS背景圖尺寸定義方法

在CSS中，我們可以使用width和height屬性來定義背景圖的尺寸，這兩個屬性分別表示背景圖的寬度和高度，你可以根據(jù)需要，為它們指定具體的數(shù)值，或者使用百分比、em等單位來表示相對尺寸。

如果你想讓一個背景圖的寬度為500像素，高度為300像素，你可以這樣寫：

body {
    background-image: url('path/to/your/image.jpg');
    background-repeat: no-repeat;
    width: 500px;
    height: 300px;
}

如果你希望背景圖能夠覆蓋整個頁面，并且保持其原始尺寸不變，你可以使用cover值來替代具體的寬度和高度：

body {
    background-image: url('path/to/your/image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

這樣，背景圖就會根據(jù)頁面的尺寸自動調(diào)整其大小，始終保持填充整個頁面，而不會變形或拉伸。

width和height屬性僅適用于替換圖像、視頻等內(nèi)容的容器元素，如果你在一個普通的塊級元素上使用這兩個屬性，它們將不會有任何效果。