.column-container {
column-count: 3;
column-rule-style: dashed; /* 设置分隔线为虚线样式 */
}
在这个例子中，.column-container 类的元素分为三列，相邻列之间的分隔线样式被设置为虚线。
column-rule-style 属性的值可以是以下之一：
- none：无样式，即没有分隔线。
- hidden：分隔线隐藏。
- dotted：点状样式的分隔线。
- dashed：虚线样式的分隔线。
- solid：实线样式的分隔线。
- double：双线样式的分隔线。
- groove：3D 凹槽样式的分隔线。
- ridge：3D 垄样式的分隔线。
- inset：3D 内凹样式的分隔线。
- outset：3D 外凸样式的分隔线。
示例：
.column-container {
column-count: 3;
column-rule-width: 2px;
column-rule-style: dotted; /* 设置分隔线为点状样式 */
column-rule-color: #0000ff; /* 设置分隔线颜色为蓝色 */
}
在上面的例子中，.column-container 类的元素分为三列，相邻列之间的分隔线被设置为点状样式、宽度为2像素、颜色为蓝色。
转载请注明出处：http://www.zyzy.cn/article/detail/4167/CSS