如何使用HTML制作一条垂直线?
当前回答
为什么不使用|,这是|的html特殊字符
其他回答
我需要一条内联的垂直线,所以我把一个按钮变成了一条直线。
<button type="button" class="v_line">l</button>
.v_line {
width: 0px;
padding: .5em .5px;
background-color: black;
margin: 0px; 4px;
}
在HTML中没有任何创建垂直线的标记。
方法:加载直线图像。然后你设置它的样式像"height: 100px;宽:2 px” 方法:你可以使用<td>标签<td style="border-left: 1px solid red;填充:5 px;"> X </td> .
水平线有一个<hr>标签。它还可以与CSS一起使用来制作水平线:
.divider { margin-left: 5 px; margin-right: 5 px; 身高:100 px; 宽度:1 px; 背景颜色:红色; } <人力资源类= >“分隔”
width属性决定了线条的粗细。height属性决定了线条的长度。background-color属性决定了线条的颜色。
另一种选择是使用1像素的图像,并设置高度-这个选项将允许您将其浮动到您需要的位置。
但这不是最优雅的解决方案。
您可以通过简单地使用任何html元素的height / width来绘制一条垂直线。
# verticle-line { 宽度:1 px; 最小高度:400 px; 背景:红色; } < div id = " verticle-line " > < / div >
推荐文章
- 使伸缩项目正确浮动
- 如何取消最大高度?
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何选择在最后一个子元素之前的元素?
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 创建圈div比使用图像更容易的方法?
- 强迫孩子服从父母的弯曲边界在CSS
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在CSS中@apply是什么?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?