如何使用JavaScript设置列之间的规则颜色？
使用JavaScript中的columnRuleColor属性设置规则的颜色。您可以尝试运行以下代码以使用JavaScript设置列之间的规则颜色-
示例
<!DOCTYPE html>
<html>
<head>
<style>
#myID {
column-count: 4;
column-rule: 4px outset yellow;
}
</style>
</head>
<body>
<p>Click below to change color</p>
<button onclick="display()">Change Color between Columns</button>
<div id="myID">
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>
<script>
function display() {
document.getElementById("myID").style.columnRuleColor = "red";
}
</script>
</body>
</html>热门推荐
10 龙年简短祝福语有哪些
11 夸赞老师祝福语搞笑简短
12 结婚多层蛋糕祝福语简短
13 朋友家住豪宅祝福语简短
14 新年过后奋斗祝福语简短
15 六一互换礼物祝福语简短
16 合字的祝福语简短
17 祝福语大全简短赞美同学
18 信耶稣的人祝福语简短