CSS中可以使用background-image
屬性為圖層添加圖片,并通過(guò)background-size
屬性控制圖片的大小,以下是一個(gè)示例:
div { background-image: url('image.jpg'); background-size: cover; }
在這個(gè)示例中,div
圖層的背景圖片設(shè)置為image.jpg
,并通過(guò)background-size: cover;
控制圖片的大小,使圖片覆蓋整個(gè)圖層。
CSS還提供了其他控制圖片大小的方法,例如使用width
和height
屬性指定圖片的寬度和高度:
div { background-image: url('image.jpg'); width: 300px; height: 200px; }
在這個(gè)示例中,圖片的大小被明確設(shè)置為300像素寬和200像素高,注意,這種方法可能會(huì)導(dǎo)致圖片的比例失真,因此通常推薦使用background-size
屬性來(lái)控制圖片的大小。