CSS3创建多列布局的属性使用详解

1、新建一个html文件，命名为test.html，用于讲解CSS3中多列布局属性使用。

2、在test.html页面，创建一个div块，div内添加测试的文字，下面将对这部分文字使用多列布局。

3、多列布局属性column-count，主要用来设置内容的列数，例如，下面设置为3列。

4、多列布局属性column-gap，主要用来设置列之间的间隔，例如，下面设置列之间的间隔为40px。

5、多列布局属性colum艘绒庳焰n-rule-width，主要用来设置列之间的竖线分隔的宽度，例如，下面设置列之间的竖线的宽度为3px。

6、多列布局属性column-rule-style，主要用来设置列之间的竖线分隔的样式，例如，下面设置列之间的竖线的样式为虚线。

7、多列布局属性colum艘绒庳焰n-rule-color，主要用来设置列之间的竖线分隔线的颜色，例如，下面设置列之间的竖线的颜色为红色。