CSS3創建多列布局的屬性使用詳解
新建一個html文件，定名為test.html，用于講解CSS3中多列結構屬性利用。
在test.html頁面，建立一個div塊，div內添加測試的文字，下面將對這部門文字利用多列結構。
多列結構屬性column-count，本家兒要用來設置內容的列數，例如，下面設置為3列。
多列結構屬性column-gap，本家兒要用來設置列之間的距離，例如，下面設置列之間的距離為40px。
多列結構屬性column-rule-width，本家兒要用來設置列之間的豎線分隔的寬度，例如，下面設置列之間的豎線的寬度為3px。
多列結構屬性column-rule-style，本家兒要用來設置列之間的豎線分隔的樣式，例如，下面設置列之間的豎線的樣式為虛線。
多列結構屬性column-rule-color，本家兒要用來設置列之間的豎線分隔線的顏色，例如，下面設置列之間的豎線的顏色為紅色。
- 發表于 2019-08-07 00:17
- 閱讀 ( 1292 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章