CSS是一种强大的样式语言，可以用来给网页添加各种各样的样式效果。其中，添加图片边框颜色也是CSS常用的功能之一。 要给图片添加边框颜色，我们需要用到CSS中的border属性。border属性可以设置网页元素的边框，包括边框样式、边框宽度以及边框颜色等信息。以下是一个示例代码：

img {
border: 2px solid red;
}

上述代码表示添加一个边框宽度为2像素、样式为实线（solid）和颜色为红色的边框。如果要修改边框颜色，只需要将代码中的red改为其他颜色值即可。 除了直接在CSS中设置边框颜色外，我们还可以利用CSS伪类来实现mouseover时显示不同颜色的边框。以下是示例代码：

img:hover {
border-color: blue;
}

上述代码表示当鼠标悬停在图片上时，边框颜色将变为蓝色。通过使用:hover伪类，我们可以实现在不同情况下显示不同颜色边框的效果。 最后，需要注意的是，添加边框将会影响到网页的布局。如果边框宽度过大，可能会导致网页元素排列出现问题，需要做好相关的布局调整工作。 综上所述，通过CSS的border属性和伪类，我们可以方便地为网页图片添加边框，实现不同颜色和样式的效果。同时，在进行样式设置时，需要对网页布局的影响进行合理考虑，以确保网页整体效果的美观。