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