盒子模型主要包括边框border,外边距margin ,内边距padding
1.边框border
border-width:5px ;/* 边框宽度 可以分别指定四个位置的边框 */
border-color: red ;/* 边框颜色*/
border-style: solid dashed dotted double
/* solid 实线 */
/* dashed 虚线 */
/* none 没有边框 */
/* double 双线 */
/* dotted 点 */
2.外边距margin
一般用于两个不同的盒子
(1)可以分别设置如上外边距/* margin-top:100px; *//* 可以使用正值,也可以设置负值 */
(2)设置一个值 margin:100px/* 上下左右都为100px */
(3)设置两个值 margin:100px 200px/* 上下都为100px 左右都为200px */
(4)设置三个值 margin:100px 200px 300px/* 上面为100px 左右都为200px 下面为300px */
3.内边距padding
一般用于一个盒子包含另一个盒子
用法与外边距几乎一模一样