使用CSS设置列之间的规则宽度
使用 column-rule-width属性设置列之间的规则宽度。
示例
您可以尝试运行以下代码以实现column-rule-width属性：
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-count: 4;
column-gap: 50px;
column-rule-color: maroon;
column-rule-style: dashed;
column-rule-width: 5px;
}
</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 春节拜年祝福语儿童简短