.column-container {
column-count: 3;
column-rule-color: #ff0000; /* 设置分隔线颜色为红色 */
}
在这个例子中,.column-container 类的元素被分为三列,并且相邻列之间的分隔线颜色被设置为红色。
column-rule-color 属性通常与其他与分隔线相关的属性结合使用,如 column-rule-width 和 column-rule-style。这样可以更全面地定义分隔线的样式。
.column-container {
column-count: 3;
column-rule-width: 2px;
column-rule-style: dashed;
column-rule-color: #00ff00; /* 设置分隔线为绿色、宽度为2像素、虚线样式 */
}
在上面的例子中,.column-container 类的元素分为三列,相邻列之间的分隔线被设置为绿色、宽度为2像素、虚线样式。
这个属性的值可以是颜色关键字、十六进制值、RGB 值等,用于指定分隔线的颜色。
转载请注明出处:http://www.zyzy.cn/article/detail/4166/CSS