css3column?
實例 設置列之間的顏色規則: div { -moz-column-rule-style:dotted; /* Firefox */ -webkit-column-rule-style:dotted; /* Safari 和 Chrome */ column-rule-style:dotted; } 親自試一試 頁面底部有更多實例。 瀏覽器支持 IEFirefoxChromeSafariOpera Internet Explorer 10 和 Opera 支持 column-rule-style 屬性。 Firefox 支持替代的 -moz-column-rule-style 屬性。 Safari 和 Chrome 支持替代的 -webkit-column-rule-style 屬性。 注釋:Internet Explorer 9 以及更早版本的瀏覽器不支持 column-rule-style 屬性。 定義和用法 column-rule-style 屬性規定列之間的樣式規則。 默認值:none 繼承性:no 版本:CSS3 JavaScript 語法:object.style.columnRuleStyle="dotted" 語法 column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset; 值描述測試 none定義沒有規則。測試 hidden定義隱藏規則。測試 dotted定義點狀規則。測試 dashed定義虛線規則。測試 solid定義實線規則。測試 double定義雙線規則。測試 groove定義 3D grooved 規則。該效果取決于寬度和顏色值。測試 ridge定義 3D ridged 規則。該效果取決于寬度和顏色值。測試 inset定義 3D inset 規則。該效果取決于寬度和顏色值。測試 outset定義 3D outset 規則。該效果取決于寬度和顏色值。測試 親自試一試 - 實例 Column-count 把 div 元素中的文本劃分為三列。 Column-gap 將 div 元素中的文本分為三列,并列間 30 像素的間隔。 Column-rule 規定列之間的寬度、樣式和顏色。