css如何画有弧度的线

html-css023

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

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

.radian{

width: 200px

height: 100px

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

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

background-color: red

}

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

可以,border style 有

groove 凹槽

ridge 垄状

inset inset

outset outset

当然是用border的前提下,这几个style用其中一个即可,效果取决于颜色

不过说点多余的,你给的颜色和线条不仔细看看不出来,所以意义不大

另外的做法就是老的hr,不过现在没什么人用了,还是用别的标签做border比较灵活