.example { border-bottom: 2px solid red; }
这段代码将为所有类名为 “example” 的元素添加一个 2 像素粗的红色下边框。
如果您想要为不同状态的元素添加不同的边框颜色,您可以使用 :hover 或其他伪类选择器,例如:
.example:hover { border-bottom-color: blue; }
这段代码将在鼠标悬停在 .example 元素上时将下边框颜色改为蓝色。
您也可以通过一些简写属性来同时指定四条边的边框样式和颜色,例如:
.example { border: 1px dashed orange; }
这段代码将为所有类名为 “example” 的元素添加一个 1 像素虚线边框,颜色为橙色。