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 ;

      }

效果图

posted @ 2022-07-05 21:21  傲晨宇  阅读(64)  评论(0)    收藏  举报