CSS 边界边
CSS 边框 - 各边
从前几页的例子中，您已经看到可以为每一边指定不同的边框。
在 CSS 中，还有用于指定每个边框（顶部、右侧、底部和左侧）的属性：
上面的例子给出的结果与此相同：
它的工作原理如下：
如果 border-style 属性有四个值：
- 边框样式：虚线实线双虚线；
- 顶部边框为虚线
- 右边框是实线
- 下边框为双
- 左边框为虚线
如果 border-style 属性有三个值：
- 边框样式：虚线实线双线；
- 顶部边框为虚线
- 左右边框均为实线
- 下边框为双
如果 border-style 属性有两个值：
- 边框样式：虚线实线；
- 顶部和底部边框为虚线
- 左右边框均为实线
如果 border-style 属性有一个值：
- 边框样式：虚线；
- 四边都有虚线
例子
/* 四个值 */
磷{
边框样式：虚线实线双虚线；
}
/* 三个值 */
磷{
边框样式：虚线实线双线；
}
/* 两个值 */
磷{
边框样式：虚线实线；
}
/* 一个值 */
磷{
边框样式：虚线；
}
亲自尝试 »
这 border-style 属性在上述示例中使用。但是，它也可以与border-width 和border-color.
