使用 CSS 设置列间分割线的颜色
要设置列之间的颜色,请使用column-rule-color 属性。你可以尝试运行以下代码来实现 column-rule-color 属性。
这样,我们还可以设置列分割线的样式
示例
<!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50px; column-rule-color: orange; column-rule-style: dashed; } </style> </head> <body> <div class = "demo"> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </div> </body> </html>
Advertisement