边框属性

border­width 设置4边框的宽度

border­style设置4边框样式   none 无边框  solid  直线边框  dashed  虚线边框  dotted 点状边框  double  双线边框

border­color 设置边框颜色

border简写  border:1px solid red;

border­left、border­top、border­right、border­bottom单独设置某边框

border­radius 向元素添加圆角边框

//为所有角都设置圆角

border‐radius:20px;

//border‐radius 后面给两个值

border‐radius:0px 10px;  /* 0px表示上左下右两个角 10px 上右下左两个角*/

//border‐radius 后面给3个值

border‐radius:10px 0px  20px;  /*10上左  0px 上右下左 20px 下右  */

//border‐radius 后面给4个值

border‐radius:5px 10px 15px 20px ; /*上左  上右 下右 下左 */

猜你喜欢

转载自www.cnblogs.com/liujianing/p/9722368.html