css如何画有弧度的线

html-css016

css如何画有弧度的线,第1张

<div class="radian"></div>

.radian{

width: 200px

height: 100px

border-radius: 200px/20px/*上下有弧度的边*/

/*border-radius: 20px/200px*//*左右有弧度的边*/

background-color: red

}

border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。

接触了一个css3效果,记录下来,方便以后使用,在实践中学点新知识,共勉!!

html标签

css样式

展现结果