1. 程式人生 > >CSS3多列和使用者介面

CSS3多列和使用者介面

CSS3 多列
建立多個列來對文字進行佈局 - 就像報紙那樣
column-count:3;把 div 元素中的文字分隔為三列:
column-gap:70px; 規定列之間的間隔
column-rule:1px outset #ff0000; 規定列之間的寬度、樣式和顏色規則:


CSS3 使用者介面

resize:both;可由使用者調整元素尺寸


box-sizing:border-box;固定大小pading boder 不增加元素大小


輪廓與邊框 輪廓不佔用空間 輪廓可能是非矩形
outline:5px solid red; 輪廓樣式
outline-offset:133px;  輪廓向外的大小


appearance:button; div 元素看上去像一個按鈕: