要设置列之间的颜色,请使用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>