使用border-radius属性:
(1):
(2)但是，如果你要在四个角上一一指定，可以使用以下规则：
- 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。
- 三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角
- 两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角
- 一个值： 四个圆角值相同
(3)CSS3圆角边框可指定
a:background:#-- 背景颜色
b:border:-- -- -- 边框
c:background:url(--)背景图像
（4）设置椭圆边框：
border-radius:50%
来源：CSDN
作者：会做饭的技术男
链接：https://blog.csdn.net/u011927449/article/details/103533107