微客导航 » 文章资讯 » 用于设置所有column-rule- *属性的简写属性

用于设置所有column-rule- *属性的简写属性

2024-05-14 13:02:06 525

列规则的简写属性是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>

返回顶部
3162201930
czq8825@qq.com

用于设置所有column-rule- *属性的简写属性

示例

热门推荐

随机推荐