CSS樣式是用來控制網頁元素呈現方式的，包括文字、圖像、顏色、佈局等。當你想要設定網頁中的圖片時，就需要利用CSS來控制圖片的大小、位置、邊框、背景等屬性。今天我們就來講解如何使用CSS設定img圖片。
一、設定圖片大小
在CSS中設定圖片大小可以使用width和height屬性。例如，要將一張圖片的寬度設為200像素，高度設定為150像素，可以這樣寫：
img {
width: 200px;
height: 150px;
}這將使所有img標籤的大小都變為200x150像素。
如果只設定其中一個屬性，圖片將保持原始比例縮放。例如：
img {
width: 200px;
}這將使圖片的寬度變為200像素，高度將按比例縮放。
二、設定圖片邊框
在CSS中設定圖片邊框可以使用border屬性。例如，要將一張圖片的邊框設為紅色、寬度為2像素，可以這樣寫：
img {
border: 2px solid red;
}這將為所有img標籤添加紅色邊框，寬度為2像素，效果如下圖所示：
三、設定圖片圓角
在CSS中設定圖片圓角可以使用border-radius屬性。例如，要將一張圖片的四個角落都設為半徑為10像素的圓角，可以這樣寫：
img {
border-radius: 10px;
}這將使所有img標籤的四個角落都變成圓角。
如果想只將某個角設為圓角，可以這樣寫：
img {
border-top-left-radius: 10px;
}這將使左上角變成圓角，其他角保持直角。
四、設定圖片背景
在CSS中設定圖片背景可以使用background屬性。例如，要將一張圖片的背景變為灰色，可以這樣寫：
img {
background: gray;
}這將使所有img標籤的背景都變為灰色。
如果只想改變圖片邊框中間的部分的背景顏色，可以將background-color屬性與border屬性一起使用。例如：
img {
border: 2px solid red;
background-color: gray;
}這將使圖片邊框中間的背景色變為灰色。
五、設定圖片位置
在CSS中設定圖片位置可以使用margin和padding屬性。例如，要將一張圖片的外邊距（margin）設為20像素，可以這樣寫：
img {
margin: 20px;
}這將使所有img標籤距離周圍的距離都為20像素。
如果想改變圖片與周圍元素的間距，可以使用padding屬性。例如，要將一張圖片的內邊距（padding）設為10像素，可以這樣寫：
img {
padding: 10px;
}這將使所有img標籤與周圍元素之間保持10像素的距離。
綜上所述，我們可以透過CSS樣式來控制網頁中的圖片，包括大小、位置、邊框、背景等屬性。設定圖片樣式可以讓網頁更美觀，也更易於讀者閱讀。
以上是css怎麼設定img圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！
