CSS圖片邊框加顏色，輕松美化圖片

在網(wǎng)頁設(shè)計中，我們經(jīng)常需要給圖片添加一些裝飾，比如邊框和顏色，通過CSS，我們可以輕松地給圖片邊框加上顏色，讓圖片更加突出和美觀。

我們需要使用CSS的border屬性來定義邊框的寬度、樣式和顏色，我們可以給圖片添加一個寬度為2px、樣式為solid（實(shí)線）、顏色為#000000（黑色）的邊框：

img {
  border: 2px solid #000000;
}

這樣，所有的圖片元素都會有一個黑色的實(shí)線邊框，如果你只想給特定的圖片添加邊框，你可以給圖片添加一個類名或者ID，然后針對這個類名或ID來定義邊框樣式：

<img class="bordered-image" src="image.jpg">

.bordered-image {
  border: 2px solid #000000;
}

這樣，只有帶有bordered-image類的圖片才會有邊框。

除了實(shí)線邊框，CSS還支持其他樣式的邊框，比如dashed（虛線）、dotted（點(diǎn)線）等，你可以根據(jù)自己的需求來選擇適合的邊框樣式。

CSS還支持給邊框添加圓角，讓邊框更加平滑，你可以使用border-radius屬性來定義圓角的半徑：

img {
  border: 2px solid #000000;
  border-radius: 5px;
}

這樣，圖片的邊框就會有一個半徑為5px的圓角。

通過CSS，我們可以輕松地給圖片邊框加上顏色，讓圖片更加突出和美觀。