CSS的边框设置有三个设置选项、边框大小 对应border-width、边框颜色 对应border-color、边框样式 对应border-style，其中边框的大小和颜色都有默认值，只有border-style是必须设置的。
<!-- 默认情况下的边框大小是 3px -->
<!-- 默认情况下的边框颜色是 黑色 -->
<!-- border-style:solid; 边框样式设置为直线 -->
<p style="width:100px; height:100px; border-style:solid;"></p>显示效果
下列是一些边框的样式属性。
| 属性 | 含义 |
|---|---|
| none | 取消边框 |
| solid | 实线边框 |
| dashed | 破折线边框 |
| dotted | 圆点线边框 |
| double | 双线边框 |
| groove | 槽线边框 |
| inset | 凹边框 |
| outset | 凸边框 |
边框样式显示的一些方向调整。
| 属性 | 含义 |
|---|---|
| border-top-style | 顶部边框样式 |
| border-bottom-style | 底部边框样式 |
| border-left-style | 左边边框样式 |
| border-right-style | 右边边框样式 |