css如何画有弧度的线

html-css020

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

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

.radian{

width: 200px

height: 100px

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

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

background-color: red

}

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

很简单,添加背景图片即可

background: url(htt防止p:/和谐/baike.bdimg.com/static/wiki-lemma/normal/resource/img/paraTitle-line_c5e6d61.png)

div+css只是一种写法

并不是不能用表格

改用表格写的还是要用的

毕竟table有很多实用的样式

只是如果用table布局的话浏览器解析起来会很慢

用div+css比较灵活一些而已

你说的这个线可以使用border来做

具体做法是

把这条线

当做一个标签的左边框

设置边框的像素大一些

边框就粗了