AI 中文社
Copyright © 2022-2025 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.4·
页面加载耗时 0.00 毫秒·物理内存 64.1MB ·虚拟内存 1300.8MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
CSS 简写边框属性
1. CSS Border - 简写属性
就像您在上一章中所见，处理边框时要考虑许多属性。
为了缩减代码，也可以在一个属性中指定所有单独的边框属性。
border 属性是以下各个边框属性的简写属性：
- border-width
- border-style（必需）
- border-color
范例
p {
border: 5px solid red;
}
结果：
一些文本
您还可以只为一个边指定所有单个边框属性：
左边框
p {
border-left: 6px solid red;
background-color: lightgrey;
}
结果：
一些文本
下边框
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
结果：
一些文本
下一章：CSS 圆角边框
border-radius 属性用于向元素添加圆角边框。所有 CSS 边框属性：border 简写属性，在一条声明中设置所有边框属性。border-color 简写属性，设置四条边框的颜色。border-radius：简写属性，可设置圆角的所有四个 border-*-radius 属性。