使用 border 简写属性可同时设置宽度、样式和颜色，如 border: 2px solid #000；2. 可拆分为 border-width、border-style、border-color 单独控制；3. 支持单独设置某一边边框，如 border-bottom；4. 结合 border-radius 实现圆角效果，满足按钮、卡片等设计需求。
CSS 中设置元素边框（border）样式非常灵活，可以通过控制边框的宽度、颜色和线条样式来自定义外观。最常用的方式是使用 border 简写属性，也可以分别设置每个方向或单独的属性来实现更精细的控制。
1. 使用 border 简写属性
你可以用一行代码同时设置边框的宽度、样式和颜色：
border: 2px solid #000;这个例子表示：2像素宽的实线黑色边框。顺序可以是 width style color，任意一项缺省时会使用默认值（无边框）。
2. 分别设置边框样式、宽度和颜色
你也可以拆分设置，提高灵活性：
立即学习“前端免费学习笔记（深入）”；
- border-width：设置边框粗细，如 1px、medium、thick
-
border-style：设置边框类型，常见值有：
- solid（实线）
- dashed（虚线）
- dotted（点线）
- double（双线）
- none（无边框）
- hidden（隐藏，与 none 类似但处理方式不同）
- border-color：设置边框颜色，支持 hex、rgb、关键字等格式
3. 单独设置某一边的边框
有时只需要给某个方向加边框，比如只加下边框：
border-left: 3px solid red;
类似地还有 border-top、border-right，适用于需要局部边框的布局场景，如导航项、卡片分隔等。
4. 设置圆角边框
配合 border-radius 可以让边框变得圆润：
border: 2px solid blue;border-radius: 10px;
这会让边框四角变成圆角，常用于按钮、头像、卡片等设计中。
基本上就这些。掌握 border 的 width、style、color 三要素，再结合方向和圆角设置，就能应对大多数边框需求了。
