在css語言中有padding、margin、border屬性來調整三個區域的寬度，border的型別樣式等內容
用border-style設定邊框風格，可以單獨設定乙個邊
屬性值說明
none
無邊框dotted
點狀邊框，大多數瀏覽器顯示實線
solid
實線double
雙線，寬度等於border-width
groove
定義3d凹槽，border-color確定顏色
ridge
3d壟狀邊框
inset
3d inset邊框
outset
3d outset邊框
border-radius設定圓角程度，屬性值為px/%。
可以通過上述屬性設定樣式
outline設定輪廓線，輪廓線不佔據空間，屬性值：型別 寬度 顏色
display屬性控制下是隱藏與顯示的模式。
屬性值說明
none
隱藏block
讓元素按照塊的形式顯示
inline-block
行級塊inline
行級文字，無法定義寬高
ps：cursor設定手形pointer
display控制隱藏會導致空間丟失，visibility：hidden則會保留空間
一種方法是隱藏溢位部分，第二節文書處理中提到過。當我們需要完整的文字內容時，可以新增overflow：scroll滑動條
屬性值說明
scroll
設定滾動條
auto
如果裝得下就沒有滾動條，裝不下就有
hidden
text-overflow：ellipsis文字省略
min-width、max-width、min-height、max-height設定最大最小長寬
CSS精簡筆記（三） 盒子模型
1.3 背景復合寫法 二 邊框 三 盒子陰影 擷取放入盒子 任意拉伸放入盒子 精靈圖 css寫法 box margin 外邊距，用於配置盒子之間的間距 border 邊框，下圖紅線，設定盒子邊框 padding 內邊距，設定內容與邊框的間距，用於調整內容布局 復合寫法 border 3px soli...
css盒子模型 CSS 盒子模型
css 盒子模型基本上是面試的必考題，因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調，其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型，你可能會說我知道呀，就是 margin 包 border,border 包 padding,padding 包 content ...
CSS 3 盒子模型
盒子模型解釋 元素在頁面中顯示成乙個方塊，類似乙個盒子，css盒子模型就是使用現實中盒子來做比喻，幫助我們設定元素對應的樣式。盒子模型示意圖如下 把元素叫做盒子，設定對應的樣式分別為 盒子的寬度 width 盒子的高度 height 盒子的邊框 border 盒子內的內容和邊框之間的間距 paddi...