.radian{ width: 200px;height: 100px;border-radius: 200px/20px;/*上下有弧度的边*/ /*border-radius: 20px/200px;*//*左右有弧度的边*/ background-color: red;} border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。
css如何画有弧度的线
<div class="radian"></div>
.radian{
width: 200px;
height: 100px;
border-radius: 200px/20px;/*上下有弧度的边*/
/*border-radius: 20px/200px;*//*左右有弧度的边*/
background-color: red;
}
border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。2020-10-28