盒子模型-圆角边框

圆形的做法

设置高度和宽度相等【必须是正方形】,半径是宽度的1/2

  .no {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: pink;
  }

圆角矩形

设置了高度和宽度,圆角矩形设置为高度的一般就行了
高度不用和宽度相等

  .no {
    width: 300px;
    height: 100px;
    border-radius: 50px;
    background-color: pink;
  }


必须是先top后left

posted @ 2022-03-01 16:06  missSherry1014  阅读(66)  评论(0)    收藏  举报