CSS中可以使用background-size屬性來設置背景的大小。
.background { background-image: url("image.jpg"); background-position: center center; background-size: cover; }
以上代碼是將背景圖片居中,同時盡可能地填充整個背景,即cover大小。
.background { background-image: url("image.jpg"); background-repeat: no-repeat; background-size: contain; }
以上代碼是將背景圖片居中并根據圖像比例縮放,直到寬度或高度等于包含塊的寬度或高度,即contain大小。
.background { background-image: url("image.jpg"); background-size: 100% auto; }
以上代碼是將背景圖片的寬度設置為與包含塊的寬度相等,高度根據圖片比例自適應,即100% auto大小。
通過background-size屬性,我們可以輕松地設置背景圖片的大小和顯示方式,打造出屬于自己的網頁設計。
上一篇html的代碼怎么運行