CSS3給圖片添加邊框的方法

在CSS3中，我們可以使用border屬性給圖片添加邊框，這個屬性允許我們設置邊框的樣式、顏色和寬度，下面是一些示例代碼：

1、設置邊框樣式為實線，顏色為黑色，寬度為2像素：

img {
  border: 2px solid black;
}

2、設置邊框樣式為虛線，顏色為紅色，寬度為3像素：

img {
  border: 3px dashed red;
}

3、設置邊框樣式為點線，顏色為綠色，寬度為4像素：

img {
  border: 4px dotted green;
}

4、設置邊框樣式為雙實線，顏色為藍色，寬度為5像素：

img {
  border: 5px double blue;
}

5、設置邊框樣式為圓角矩形，顏色為紫色，寬度為6像素：

img {
  border: 6px solid purple;
  border-radius: 10px;
}

在上面的代碼中，img選擇器用于選擇頁面中的所有圖片，如果你想給特定的圖片添加邊框，可以使用類選擇器或ID選擇器來替代img選擇器，如果你想給ID為myImage的圖片添加邊框，可以使用以下代碼：

#myImage {
  border: 7px solid orange;
}

CSS3的border屬性是簡寫屬性，它允許我們同時設置邊框的樣式、顏色和寬度，如果你想更詳細地控制邊框的外觀，可以使用單獨的屬性來設置邊框的樣式、顏色和寬度，使用border-style屬性來設置邊框樣式，使用border-color屬性來設置邊框顏色，使用border-width屬性來設置邊框?qū)挾取?/p>