用于设置所有column-rule- *属性的简写属性
列规则的简写属性是column-rule属性。您可以尝试运行以下代码以实现column-rule属性
示例
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-count: 4;
column-gap: 50px;
column-rule: 2px dotted orange;
}
</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 朋友新工作祝福语简短