手册
目录
CSS 边框 - 单独的边
从前面页面的示例中，你已经看到可以为每一侧设置不同的边框。
在 CSS 中，也提供了用于指定每一边边框的属性（上、右、下和左边框）：
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}运行实例 » 点击 "运行实例" 按钮查看在线实例
结果：
不同的边框样式 上面的例子与以下示例产生的效果相同：
p {
border-style: dotted solid;
}运行实例 » 点击 "运行实例" 按钮查看在线实例
因此，它的工作方式如下：
如果 border-style 属性有四个值：
如果 border-style 属性有三个值：
如果 border-style 属性有两个值：
如果 border-style 属性有一个值：
/* 四个值 */
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 属性。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.7万人学习
共29课时
62.2万人学习
共25课时
39.6万人学习
共43课时
71.5万人学习
共25课时
62.1万人学习
共22课时
23.2万人学习
共28课时
34.2万人学习
共89课时
126.3万人学习
