1、html没有直接插入竖线的代码，但可以用盒子模型实现竖线的效果。具体的做法是首先需要打开hbuilder编辑器，新建一个html文件，写入基本的html结构：
2、然后插入一个div标签，在上方的style标签里面设置div的css样式，这里给div设置背景颜色，并给它一个高度，宽度设置为0，设置border-left属性即可做出竖线：
3、最后打开浏览器，即可看到一个蓝色的竖线了：
想用它来划竖线，一般可以直接使用html代码实现或借助css代码来实现都可以。
方案一:<html>、<body>、<p>hr 标签定义水平线：</p>、<hr />、<p>这是段落。</p>、<hr />、<p>这是段落。</p>、<hr />、<p>这是段落。</p>、</body>、</html>
方案二:<!DOCTYPE html>、<html>、<head>、<meta charset="UTF-8">：<title>float</title、</head>、<div id="div1"></div>、<style>、#div1{、width: 500px、border-bottom: 1px solid red、}、</style>、</html>
<hr>是横线，也可以让它成为竖线，原因很简单，就是把宽搞得只有一两个像素，而高搞得很高就是竖线了。提示：不推荐用<hr>做竖线，WEB2.0标准中不支持，建议使用CSS来定义，例如
<td style="border-right:solid 1px #FF0000">aaa</td>
