圆角

border-radius: 值为半径
1)圆:
 一个值:四周圆角
两个值:左上角及右下角    右上角及左下角
三个值:左上角   右上角及左下角    右下角
四个值:从左上角开始 顺时针设置。(左上 右上 右下 左下)
2)椭圆分垂直半径和水平半径:
border-radius: 水平半径 / 垂直半径
二、补充
1)当矩形为长方形时:设置border-radius:50%;形成的图案为椭圆;
2)当矩形为正方形时:设置border-radius:50%;形成的图案为圆形;
3)当border-radius设置4个值时,达到最短边的一半时,继续增大border-radius的值,图案大小不发生改变;
4)给border-radius设置相邻两个值,剩余两个值为0时,可以得到半圆

原文地址:https://www.cnblogs.com/yh-3175339026/p/12694102.html