CSS是一種強大的樣式語言，可以用來給網頁添加各種各樣的樣式效果。其中，添加圖片邊框顏色也是CSS常用的功能之一。 要給圖片添加邊框顏色，我們需要用到CSS中的border屬性。border屬性可以設置網頁元素的邊框，包括邊框樣式、邊框寬度以及邊框顏色等信息。以下是一個示例代碼：

img {
border: 2px solid red;
}

上述代碼表示添加一個邊框寬度為2像素、樣式為實線（solid）和顏色為紅色的邊框。如果要修改邊框顏色，只需要將代碼中的red改為其他顏色值即可。 除了直接在CSS中設置邊框顏色外，我們還可以利用CSS偽類來實現mouseover時顯示不同顏色的邊框。以下是示例代碼：

img:hover {
border-color: blue;
}

上述代碼表示當鼠標懸停在圖片上時，邊框顏色將變為藍色。通過使用:hover偽類，我們可以實現在不同情況下顯示不同顏色邊框的效果。 最后，需要注意的是，添加邊框將會影響到網頁的布局。如果邊框寬度過大，可能會導致網頁元素排列出現問題，需要做好相關的布局調整工作。 綜上所述，通過CSS的border屬性和偽類，我們可以方便地為網頁圖片添加邊框，實現不同顏色和樣式的效果。同時，在進行樣式設置時，需要對網頁布局的影響進行合理考慮，以確保網頁整體效果的美觀。