盒子模型
网页元素基本都是盒子
CSS盒子模型:封装的html元素,包括外边距、边框、内边距、内容
边框border
边框会影响盒子的大小
border: border-width border-style border-color
// 边框粗细 边框样式 边框颜色
border:1px solid red;//无固定顺序
border-style:solid;//实线
border-style:dashed;//虚线
border-style:dotted;//点线
分开写法
border-top:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
border-collapse:collapse;//表格单元格边框合并
内边距padding
边框与内容之间的距离,影响盒子大小
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
padding:5px;//上下左右
padding:5px 10px;//上下5 左右10
padding:5px