站長資訊網(wǎng)html里的盒子：1、【margin】合起來寫的屬性；2、【border】邊框合寫的屬性；3、【padding】上右下左， 對邊補齊。
本教程操作環(huán)境：windows7系統(tǒng)、html5版，DELL G3電腦，該方法適用于所有品牌電腦。
html里的盒子：
1、margin 合起來寫的屬性
4個
當你寫一個的時候，四個全部相同
兩個的時候，上右，對邊補齊
三個的時候，上右下，對邊補齊
margin-top margin-right margin-bottom margin-left
這四個屬性可以單獨的拿出來寫
2、border 邊框 合寫的屬性
border-color 顏色
border-top-color: ;
border-left-color:
border-style 樣式
也分上下左右
border-width 寬度
也分上下左右
寫的時候不需要區(qū)分順序
3、padding
上右下左
對邊補齊
定義的width和height只是content部分
padding和border會把盒子撐大
盒子的大小 content+padding+border
實例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>框模型</title> <link rel="stylesheet" type="text/css" href="css/day03.css"/> </head> <body> <div class="d04_01">今天星期三</div> </body> </html>
結(jié)果
相關學習推薦：html視頻教程
