【HTML打卡】0114 盒模型margin、border、padding
今日成就:
刷完了gossip girl第三季。
心疼我Chuck bass...Clair...第四季虐起来吧
有时候看S真的好烦哈哈哈哈哈
1、外边距margin(盒子与盒子之间)
设置方式:
(1)分别设置
margin-top
margin-bottom
margin-left
margin-right
(2)统一设置
margin:10px
margin:10px 20px(未设置的跟与对边长度相同)
margin:10px 20px 30px 40px(顺序上左下右)
(3)元素居中
margin:0 auto;
2、边框border
三要素:长度 形状 颜色
设置方式:
(1)border:10px solid blue;
(2)border-color:white white white red;(可用此方式画三角形)
3、内间距padding(文字与盒子之间)
颜色与盒子颜色相同。
总结:盒子实际占据位置为height+其他 / width+其他。