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>
你好！html里是没有自带的中竖线分隔符，但是你可以用div+CSS制作出一个，也就是用边框线来拉一个出来，宽高度由你自己定。参考如下：<div style="height:100pxwidth:1pxborder-left:1px #000 solid"></div>
希望我这样的回答能帮到你。
