盒子模型,边框

盒子模型

  1. 内边距:padding  
  2. 外边距: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%;        /*形成一个圆*/

猜你喜欢

转载自blog.csdn.net/weixin_42661283/article/details/86666719