CSS3圆角边框

（CSS3，需要考虑兼容性的问题）

border-radius: 像素或者百分比;（盒子为正方形时：一半像素或者50% 时成为一个标准的圆）

• border-radius: 左上 右上 右下 左下; -—— 给定四个值时，可以控制四个角的圆形程度不同
• border-radius: 左上右下 右上左下; （即对角线） —— 只给定两个值时
• border-radius: 左上 右上和左下 右下 —— 给定三个值时
• 如果想实现椭圆的效果：border-radius: 水平方向的半径 / 垂直方向的半径 —— 使用 / ，长方形变为椭圆，水平方向的半径为长方形宽度的一半，垂直方向的半径是长方形高度的一半
• 如果想单独为某一个角设置圆角：
  • border-top-left-radius：设置左上角
  • border-top-right-radius：设置右上角
  • border-bottom-left-radius：设置左下角
  • border-bottom-right-radius：设置右下角
• 如果想设置四个角的不同方向上的不同圆角值
  • border-radius: 左上的水平 右上的水平 右下的水平 左下的水平 / 左上的垂直 右上的垂直 右下的垂直 左下的垂直

标签：CSS3,圆角,边框,垂直,右上,radius,设置,左下,border
来源： https://blog.csdn.net/weixin_38739031/article/details/90212472