CSS 可以通過 border-bottom 屬性來為一個元素的底部添加下邊框，同時通過 border-color 屬性來指定邊框顏色。下面是一個示例：

.example {
border-bottom: 2px solid red;
}

這段代碼將為所有類名為 "example" 的元素添加一個 2 像素粗的紅色下邊框。

如果您想要為不同狀態的元素添加不同的邊框顏色，您可以使用 :hover 或其他偽類選擇器，例如：

.example:hover {
border-bottom-color: blue;
}

這段代碼將在鼠標懸停在 .example 元素上時將下邊框顏色改為藍色。

您也可以通過一些簡寫屬性來同時指定四條邊的邊框樣式和顏色，例如：

.example {
border: 1px dashed orange;
}

這段代碼將為所有類名為 "example" 的元素添加一個 1 像素虛線邊框，顏色為橙色。