使用CSS `column-rule`属性来创建分栏规则

CSS column-rule属性用于在多列布局中创建分栏规则，它允许你为列之间添加线条、颜色和样式。这个属性非常有用，因为它可以帮助你增强多列布局的可读性和可视化效果。

要使用column-rule属性，你需要设置以下几个值：

1. column-rule-width：用于指定分栏规则的宽度。可以使用像素（px）、百分比（%）或其他CSS长度单位来定义宽度。例如，column-rule-width: 1px;将创建一个宽度为1像素的分栏规则。

2. column-rule-style：用于指定分栏规则的样式。可以使用以下样式之一：none（无规则）、hidden（隐藏规则）、dotted（点线）、dashed（虚线）、solid（实线）、double（双线）、groove（凹槽线）、ridge（脊线）、inset（内嵌线）或<