盒子模型
- 内边距:padding
- 外边距:margin
盒子居中对齐:
margin:0 auto;
box-sizing:border-box; /*限定盒子的宽度不受padding和margin影响*/
盒子阴影:
box-shadow:0 0 2px #ccc;
/*水平位置 垂直位置 模糊距离 阴影颜色*/
边框:
border:1px solid red; /*border:边框大小(1px) 线(实线) 颜色(红色)*/
border-bottom: /*下边框*/
border-top: /*上边框*/
border-left: /*左边框*/
border-right: /*右边框*/
去除边框:
border:0;
合并相邻边框:
border-collapse:collapse;
圆角边框:
border-radius:50%; /*形成一个圆*/