CSS背景復合樣式可以用來為網頁元素添加背景圖像、顏色和其他附加效果。其中,background-size屬性可以控制背景圖像的尺寸大小,以下是一些常用的background-size屬性值及其對應的效果。
/* 寬度為100%,高度自適應 */ background-size: contain; /* 寬度和高度都覆蓋容器 */ background-size: cover; /* 背景圖像重復覆蓋容器 */ background-size: auto; /* 以像素為單位設置寬度和高度 */ background-size: 100px 200px; /* 以百分比為單位設置寬度和高度 */ background-size: 50% 75%;
使用background-size屬性可以使網頁元素的背景圖像更加靈活和美觀,可以根據不同需求設置不同的背景圖像大小,增加網頁的視覺效果和用戶體驗。
上一篇css黑色背景墻
下一篇css背景圖畫面找不到