css怎么做圆弧形状

CSS可以使用border-radius属性来实现圆弧形状。border-radius可以用来设置元素边角的曲率，通过指定四个值或两个值来设置水平方向和竖直方向的曲率。

/*设置四个圆弧半径*/
border-radius: 10px 20px 30px 40px;

/*设置水平方向和竖直方向的圆弧半径*/
border-radius: 20px 10px;

当只指定一个值时，四个边角的曲率都将使用该值，如果指定两个值，则第一个值代表水平方向的曲率，第二个值代表竖直方向的曲率。

/* 设置四个边角都为50%的圆形 */
border-radius: 50%;

border-radius还支持百分比值，这些值与元素的宽度和高度相关。例如，指定50%的圆弧半径将会得到一个半圆形。

/* 半圆形 */
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;