CSS控制背景圖的長度可以通過設(shè)置背景圖的寬度來實現(xiàn),在CSS中,可以使用width
屬性來指定背景圖的寬度,以下是一些示例代碼:
1、設(shè)置背景圖的寬度為100像素:
div { background-image: url('image.jpg'); background-width: 100px; }
2、設(shè)置背景圖的寬度為200像素:
div { background-image: url('image.jpg'); background-width: 200px; }
3、設(shè)置背景圖的寬度為50%:
div { background-image: url('image.jpg'); background-width: 50%; }
4、設(shè)置背景圖的寬度為100%:
div { background-image: url('image.jpg'); background-width: 100%; }
background-width
屬性僅適用于背景圖,如果背景圖超出其指定的寬度,它將被裁剪到指定的寬度,如果背景圖小于指定的寬度,則背景圖將重復(fù)自身以填充指定的寬度。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。