CSS 边框侧边
CSS 边框 - 单独的侧边
从前几页的示例中，您已经看到可以为每个侧边指定不同的边框。
在 CSS 中，也有用于指定每个边框（上、右、下、左）的属性：
示例
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
结果
不同的边框样式
上面的示例与此具有相同的结果：
所以，它是这样工作的
如果 border-style 属性有四个值：
- border-style: dotted solid double dashed;
- 上边框是 dotted
- 右边框是 solid
- 下边框是 double
- 左边框是 dashed
如果 border-style 属性有三个值：
- border-style: dotted solid double;
- 上边框是 dotted
- 右边框和左边框是 solid
- 下边框是 double
如果 border-style 属性有两个值：
- border-style: dotted solid;
- 上边框和下边框是 dotted
- 右边框和左边框是 solid
如果 border-style 属性有一个值：
- border-style: dotted;
- 所有四个边框都是 dotted
示例
/* 四个值 */
p {
border-style: dotted solid double dashed;
}
/* 三个值 */
p {
border-style: dotted solid double;
}
/* 两个值 */
p {
border-style: dotted solid;
}
/* 一个值 */
p {
border-style: dotted;
}
自己动手试一试 »
上面的示例使用了 border-style 属性。但是，它也适用于 border-width 和 border-color。
