1. 程式人生 > >邊界與邊框,列表與方塊

邊界與邊框,列表與方塊

語言 auto eight 好的 add 取消 otto 像素 ins

border (表格邊框,樣式等)、margin (表外邊距)、padding (內容與單元格間距)

border:5px solid blue 四邊框:5像素寬、實線、藍色(相當於以下三行)

border-width: 5px;

border-style: solid;

border-color: blue;

border-top: 5px solid blue; 上邊框: 5像素寬、實線、藍色

border-bottom: 5px solid blue; 下邊框: 5像素寬 、實線 、藍色

border-left: 5px solid blue; 左邊框

border-right: 5px solid blue; 右邊框

margin: 10px; 四邊外邊框寬度為10像素。auto,居中

margin-top:10px; 上邊框寬度為10像素,其他三邊框類似

margin: 20px 0px 20px 0px 上-右-下-左,四邊外邊框順時針順序

padding: 10px; 內容與邊框的四邊間距為10像素

padding-top: 10px; 內容與邊框的上邊距為10像素,其他三邊類似

padding: 20px 0px 20px 0px 內容與邊框的四邊間距順時針順序

width、height、(top、bottom、left、right)只有在絕對坐標下才使用

list-style: none; 取消序號

list-style: circle 序號變為圓,樣式相當於無序

list-style-image: url; 圖片做序號

list-style-position: outside; 序號在內容外

list-style-position: inside; 序號跟內容在一起

不得不說代碼記起來比較容易混,程序的新語言學起來還是比較費時的,不過 我想我會把它學好的。

邊界與邊框,列表與方塊