column-rule主要是用來定義列與列之間的邊框寬度、邊框樣式和邊框顏色。簡單點說，就有點類似于常用的border屬性。但column-rule是不占用任何空間位置的，在列與列之間改變其寬度不會改變任何列的位置。
語法規則：
column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>
取值說明：
|
屬性值 |
屬性值說明 |
|
column-rule-width |
類似于border-width屬性，主要用來定義列邊框的寬度，其默認值為“medium”，column-rule-width屬性接受任意浮點數，但不接收負值。但也像border-width屬性一樣，可以使用關鍵詞：medium、thick和thin。 |
|
column-rule-style |
類似于border-style屬性，主要用來定義列邊框樣式，其默認值為“none”。column-rule-style屬性值與border-style屬值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 |
|
column-rule-color |
類似于border-color屬性，主要用來定義列邊框顏色，其默認值為前景色color的值，使用時相當于border-color。column-rule-color接受所有的顏色。如果不希望顯示顏色，也可以將其設置為transparent(透明色) |
例如：為了能有效區分欄目列之間的關系，可以為其設置一個列邊框，代碼為：
column-rule: 2px dotted green;
在CSS編輯器第19-23行輸入正確代碼，為欄目列設置一個3px的灰色實體邊框線。注意瀏覽器的兼容性，效果如下圖所示：
溫馨提示：案例的效果如上圖所示才算順利通關，否則請再學習一遍本節的知識點！
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報
