在CSS中,我們可以使用width
和height
屬性來設置圖像的大小。
首先,讓我們創(chuàng)建一個HTML文檔,并添加一張圖片:
<img src="example.jpg">
現(xiàn)在,我們可以在CSS中設置圖片的大小。比如,要將圖片的寬度設置為500像素,高度自動適應:
img { width: 500px; height: auto; }
我們也可以固定圖片的高度,讓寬度自適應:
img { height: 300px; width: auto; }
如果我們想同時設定寬度和高度,可以這樣寫:
img { width: 500px; height: 300px; }
請注意,如果我們將圖片的尺寸設置得太小或太大,圖片可能會失真或被拉伸。因此,在設置圖片大小時,請保證圖片保持其比例和清晰度。
上一篇在css中要使用文本閃爍
下一篇在css中設計圖片輪播