CSS中可以使用background-size來調整圖片的尺寸。具體地說,可以使用background-size: cover;將圖片拉伸以填充整個容器,不保持原有的寬高比例。
例如,下面的代碼將一個div的背景圖像拉伸以覆蓋整個div:
div { background-image: url('example.jpg'); background-size: cover; }使用background-size: contain;將使圖片縮放以適應div,并保持其寬高比例。下面是一個例子:
div { background-image: url('example.jpg'); background-size: contain; }此外,background-size也可以使用具體的像素或百分比值來指定圖片大小。例如,下面的代碼將圖片的寬度設置為200像素,高度自動計算以保持原有的寬高比例:
div { background-image: url('example.jpg'); background-size: 200px auto; }總之,在CSS中通過調整background-size屬性可以輕松地拉伸或縮放圖片。
上一篇mysql有什么好的書
下一篇css中怎么改p標簽大小