边框属性要设置一个元素的边框必须要设置以下3个方面：（1）边框的宽度；（2）边框的外观（实线，或者虚线）；（3）边框的颜色；属性说明border-width边框的宽度border-style边框的外观border-color边框的颜色border-style属性border-style属性用于设置边框的外观，例如实线边...
要设置一个元素的边框必须要设置以下3个方面：
（1）边框的宽度；
（2）边框的外观（实线，或者虚线）；
（3）边框的颜色；
| 属性 | 说明 |
|---|---|
| border-width | 边框的宽度 |
| border-style | 边框的外观 |
| border-color | 边框的颜色 |
border-style属性用于设置边框的外观，例如实线边框和虚线边框。
语法：
border-style:属性值;
说明：
border-style属性取值如下：
| 属性值 | 说明 |
|---|---|
| none | 无样式 |
| hidden | 与“none”相同。bug应用于表除外。对于表，hidden用于解决边框冲突 |
| solid | 实线 |
| dashed | 虚线 |
| dotted | 点线 |
| double | 双线，双线的宽度等于border-width值 |
| 属性值 | 说明 |
|---|---|
| inset | 内凹 |
| outset | 外凸 |
| ridge | 脊线 |
| groove | 槽线 |
border:1px solid Red;
我们都知道边框有上下左右四条边，在上一节我们学习的是四条边框的整体样式。那如果我们想要对上下左右这四条边进行单独设置，那该怎么办呢？
在CSS中，我们可以分别针对上下左右四条边框设置单独的样式。
p{
border-top: 2px solid #333;
border-left: 2px solid red;
border-bottom: 2px dashed aqua;
border-right: 5px solid orange;
}
