在CSS中,background-image屬性用于設置元素的背景圖片。它可以接受以下值:
使用background-image屬性時,可以同時設置background-repeat、background-position、background-size等屬性來控制背景圖片的重復、位置和尺寸。
例如,可以通過以下代碼將一個背景圖片應用到元素上:
.element {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
上述代碼會將名為image.jpg的圖片作為元素的背景圖片,且不進行重復,居中顯示,并且保持鋪滿元素。