给容器一个边框颜色

在一些UI设计中，我们常常需要为容器（如div）添加一个边框，以便区分其与其他元素的界限。在CSS中，我们可以通过border属性来实现给容器添加边框，其中border-color属性用于设置边框的颜色。

语法

border-color: color|transparent|initial|inherit;

color是指要设置的边框颜色，可以是具体的颜色名称或十六进制颜色值。边框颜色可以分别设置上、右、下、左四个方向的颜色，也可以一次性设置一个颜色，如下所示：

border-color: red;           /* 所有方向都为红色 */
border-color: red green blue; /* 上、右、下、左分别为红、绿、蓝色 */
border-color: red blue;      /* 上下方向为红色，左右方向为蓝色 */

实例

下面是一个示例，展示如何为一个id为container的div添加一个黄色的边框：

#container {
    border: 1px solid yellow;
}

我们可以看到，上述CSS代码给id为container的div添加了一个宽度为1px、样式为实线、颜色为黄色的边框。

总结

给容器添加边框可以提升UI设计的美观性和可读性，而border-color属性则是控制边框颜色的重要手段。在实际应用中，我们可以根据需要任意调整边框颜色、宽度、样式等参数，让容器展现出不同的视觉效果。