邊界與邊框,列表與方塊
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; 序號跟內容在一起
不得不說代碼記起來比較容易混,程序的新語言學起來還是比較費時的,不過 我想我會把它學好的。
邊界與邊框,列表與方塊