AI 中文社
Copyright © 2022-2024 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.3·
页面加载耗时 0.00 毫秒·物理内存 60.2MB ·虚拟内存 1299.8MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
CSS 边框颜色
border-color 属性用于设置四个边框的颜色。
可以通过以下方式设置颜色：
- name - 指定颜色名，比如 "red"
- HEX - 指定十六进制值，比如 "#ff0000"
- RGB - 指定 RGB 值，比如 "rgb(255,0,0)"
- HSL - 指定 HSL 值，比如 "hsl(0, 100%, 50%)"
- transparent
注释：如果未设置 border-color，则它将继承元素的颜色。
范例
演示不同的边框颜色：
p.one {
border-style: solid;
border-color: red;
}
p.two {
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color: blue;
}
结果：
红色实线边框
绿色实线边框
蓝色点状边框
1. 特定边框的颜色
border-color 属性可以设置一到四个值（用于上边框、右边框、下边框和左边框）。
范例
p.one {
border-style: solid;
border-color: red green blue yellow; /* 上红、右绿、下蓝、左黄 */
}
2. HEX 值
边框的颜色也可以使用十六进制值（HEX）来指定：
范例
p.one {
border-style: solid;
border-color: #ff0000; /* 红色 */
}
3. RGB 值
或者使用 RGB 值：
范例
p.one {
border-style: solid;
border-color: rgb(255, 0, 0); /* 红色 */
}
4. HSL 值
也可以使用 HSL 值：
范例
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%); /* 红色 */
}
下一章：CSS 边框各边
我们可以为每一侧指定不同的边框。在 CSS 中，还有一些属性可用于指定每个边框（顶部、右侧、底部和左侧）：1. 不同的边框样式 p { border-style: dotted solid;}