CSS中設置圖片的寬高 在網頁開發中，圖片的大小往往是需要調整的。CSS提供了一些方法來設置圖片的寬高。 方法一：使用width和height屬性 在CSS中，可以使用width和height屬性來設置圖片的寬高。例如： ```html``` 這樣就將圖片設置為寬度為200像素，高度為150像素。需要注意的是，使用width和height屬性會改變圖片的原始比例，因此可能會導致圖片變形。 方法二：使用max-width和max-height屬性 使用max-width和max-height屬性可以解決圖片變形的問題，因為這兩個屬性可以自動調整圖片的比例。例如： ```html``` 這樣就將圖片的寬度或者高度中較大的一個限制在200像素或者150像素以內。 方法三：使用CSS背景圖片 除了img標簽，還可以使用CSS背景圖片來設置圖片。例如： ```css div {background-image: url(example.jpg); width: 200px; height: 150px;} ``` 這樣就將一個div元素的背景設置為example.jpg圖片，并且限制了div元素的寬度和高度。 總結 以上三種方法都可以用來設置圖片的寬高，需要根據具體情況來選擇使用哪種方法。需要注意的是，圖片大小的調整應該基于圖片本身的尺寸和質量來考慮，不要將大圖縮小成小圖，或者將小圖放大成大圖，否則會影響網頁的加載速度和用戶體驗。