盒子模型

构成:
按顺序:上 右 下 左
1、边框 border
border: 边框线的粗细 边框线的样式 边框线的颜色;
分别指定边框
border-方向:边框线的粗细 边框线的样式 边框线的颜色;
如:border-top border-left border-right border-bottom
2、内边距 padding
让内容与边框的距离改变
padding:10px;
padding:10px 20px;
padding:10px 20px 30px;
padding:10px 20px 30px 5px;

padding-方向

3、外边距 margin
让盒子与外部元素的距离改变
margin:10px;
margin:10px 20px;
margin:10px 20px 30px;
margin:10px 20px 30px 5px;

margin-方向

盒子阴影:(外阴影、内阴影inset)
box-shadow:[inset] 水平偏移量 垂直偏移量 模糊半径 阴影的颜色;

原文地址:https://www.cnblogs.com/Inati/p/15061090.html