CSS給圖片加邊框的方法

在CSS中，我們可以使用border屬性給圖片添加邊框。border屬性可以設(shè)置邊框的樣式、寬度和顏色，以下是一個簡單的示例：

img {
  border: 1px solid #000;
}

上述代碼會給圖片添加一個寬度為1像素、樣式為實(shí)線、顏色為黑色的邊框。

如果你想要更詳細(xì)地控制邊框的外觀，可以使用border-style、border-width和border-color這三個子屬性。

img {
  border-style: dashed; /* 設(shè)置邊框樣式為虛線 */
  border-width: 2px; /* 設(shè)置邊框?qū)挾葹?像素 */
  border-color: #f00; /* 設(shè)置邊框顏色為紅色 */
}

CSS還提供了border-radius屬性，可以讓圖片的邊框呈現(xiàn)圓角效果：

img {
  border: 2px solid #000;
  border-radius: 10px; /* 設(shè)置邊框圓角半徑為10像素 */
}

通過上述方法，我們可以輕松地使用CSS給圖片添加各種樣式的邊框，使其更加美觀和突出。