CSS中圖片寬度設(shè)置100的方法

在CSS中，我們可以使用width屬性來設(shè)置圖片的寬度，如果想要將圖片寬度設(shè)置為100像素，可以像下面這樣寫：

img {
  width: 100px;
}

上面的代碼會(huì)將所有<img>元素的寬度設(shè)置為100像素，如果你想要針對(duì)特定的圖片進(jìn)行設(shè)置，可以給它添加一個(gè)特定的類名或者ID，然后針對(duì)這個(gè)類名或者ID進(jìn)行設(shè)置。

.my-image {
  width: 100px;
}

或者：

#my-image {
  width: 100px;
}

上面的代碼分別會(huì)將類名為my-image或者ID為my-image的圖片寬度設(shè)置為100像素。

需要注意的是，如果圖片本身的寬度大于100像素，那么設(shè)置width: 100px;只會(huì)改變其在網(wǎng)頁上的顯示寬度，而不會(huì)改變其實(shí)際寬度，如果想要同時(shí)改變圖片的實(shí)際寬度和顯示寬度，可以使用max-width屬性：

img {
  max-width: 100px;
}

上面的代碼會(huì)將所有<img>元素的寬度限制為100像素，無論圖片本身的寬度是多少。