使用CSS设置列之间的规则样式
要设置列之间的规则样式，请使用column-rule-style属性。您可以尝试运行以下代码以实现column-rule-style属性。
示例
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-count: 4;
column-gap: 50px;
column-rule-color: maroon;
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.
</div>
</body>
</html>热门推荐
10 新大学开学祝福语简短
11 高中升学宴祝福语简短
12 老婆生日祝福语短句简短
13 朋友领证祝福语长文简短
14 收围巾的祝福语简短
15 新年的生日祝福语简短
16 生日祝福语简短而有深意
17 新年的好祝福语简短
18 祝福语年轻回复文案简短