border 属性的语法如下:
.element {
border: [border-width] [border-style] [border-color];
}
其中,[border-width] 是边框的宽度,可以是一个长度值(如 px、em)或关键字(thin、medium、thick),[border-style] 是边框的样式,可以是 none、dotted、dashed、solid 等,[border-color] 是边框的颜色,可以是颜色名称、十六进制值或 RGB 值。
示例:
.element {
border: 2px solid #3498db;
}
在这个例子中,.element 元素的边框宽度为 2px,边框样式为 solid,边框颜色为蓝色(#3498db)。
你还可以分别设置 border 的子属性,如:
.element {
border-width: 2px;
border-style: solid;
border-color: #3498db;
}
这将产生与上述示例相同的结果。
通过使用 border 属性,你可以轻松设置元素的边框,使其符合设计需求。
转载请注明出处:http://www.zyzy.cn/article/detail/4118/CSS