column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。
语法规则：
column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>
取值说明：
|
属性值 |
属性值说明 |
|
column-rule-width |
类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。 |
|
column-rule-style |
类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 |
|
column-rule-color |
类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色) |
例如：为了能有效区分栏目列之间的关系，可以为其设置一个列边框，代码为：
column-rule: 2px dotted green;
在CSS编辑器第19-23行输入正确代码，为栏目列设置一个3px的灰色实体边框线。注意浏览器的兼容性，效果如下图所示：
温馨提示：案例的效果如上图所示才算顺利通关，否则请再学习一遍本节的知识点！
请验证，完成请求
由于请求次数过多，请先验证，完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报
