其他分享
首页 > 其他分享> > Border-radius

Border-radius

作者:互联网

探讨一下复杂圆角的书写

Border-radius:50px 0 0 0/50px 0 0 0 “/ ”之前的横轴 之后的纵轴 每一个横轴或者纵轴的数字 从前往后 代表 左上角 右上角 右下角 左下角

    .box7{
          width: 100px;
          height: 100px;
          background-color: pink;
          border-left: 10px solid black;
          border-radius: 50px 0 0 0;
          border-radius: 50px 0 0 0/50px 0 0 0 ;

      }

效果图

标签:横轴,border,50px,100px,radius,Border
来源: https://www.cnblogs.com/miracle520/p/16448699.html