css 画竖着线条
2016-07-15 15:40
253 查看
<p>table控制:
<!-- height为横线的粗度,width为长度 -->
<table width=700>
<tr>
<td>横线</td></tr>
<tr bgcolor='red' height=3>
<td></td></tr>
</table>
<!-- height为竖线的长度,width为竖线的粗度 -->
<table>
<tr>
<td height='500' bgcolor='red'></td></tr>
</table>
<p>hr控制
<!-- width控制线的长度size控制线的粗细 -->
横线:<hr width=500 size=0 color="#999999">
<!-- width控制线的宽度,size控制线的长短 -->
竖线:<hr size=500 width="2" color="#999999">
<p>css(div)控制
<!-- width控制线的横线的长短,竖线的粗细;height:控制横线的粗细,竖线的粗细,但默认为一个字符的横线粗度 -->
坚线<div style="width: 2; height: 200; red;"></div>
横线<br><div style="position:relative; width:600; height:1px; </div>
关于线的位置:大多线情况还是用绝对位置,即position:absolute。当然,你也可以用相对位置position:relative
<!-- height为横线的粗度,width为长度 -->
<table width=700>
<tr>
<td>横线</td></tr>
<tr bgcolor='red' height=3>
<td></td></tr>
</table>
<!-- height为竖线的长度,width为竖线的粗度 -->
<table>
<tr>
<td height='500' bgcolor='red'></td></tr>
</table>
<p>hr控制
<!-- width控制线的长度size控制线的粗细 -->
横线:<hr width=500 size=0 color="#999999">
<!-- width控制线的宽度,size控制线的长短 -->
竖线:<hr size=500 width="2" color="#999999">
<p>css(div)控制
<!-- width控制线的横线的长短,竖线的粗细;height:控制横线的粗细,竖线的粗细,但默认为一个字符的横线粗度 -->
坚线<div style="width: 2; height: 200; red;"></div>
横线<br><div style="position:relative; width:600; height:1px; </div>
关于线的位置:大多线情况还是用绝对位置,即position:absolute。当然,你也可以用相对位置position:relative
相关文章推荐
- CSS利用浮动和清除浮动进行布局
- CSS3 选择器
- 简单的表单布局
- CSS
- css实现鼠标悬停图片放大显示
- css sprite
- css之position相对定位和绝对定位
- CSS布局
- 一种新的隐藏-显示模式诞生——css3的scale(0)到scale(1)
- CSS3动画--keyframes,transform,animation,transition
- MAC svn 部署
- css解决谷歌,360浏览器默认最小字体为12px问题
- 关于css的float
- iOS夜间模式,换肤,换字体样式
- CSS书写规范、命名规范、网易CSS框架NEC
- CSS font-family 字体介绍,\5b8b\4f53 表示“宋体”
- css3实现帧动画
- div+CSS ID的命名规范和习惯
- css rect
- css 权重