1、html没有直接插入竖线的代码，但可以用盒子模型实现竖线的效果。具体的做法是首先需要打开hbuilder编辑器，新建一个html文件，写入基本的html结构：
2、然后插入一个div标签，在上方的style标签里面设置div的css样式，这里给div设置背景颜色，并给它一个高度，宽度设置为0，设置border-left属性即可做出竖线：
3、最后打开浏览器，即可看到一个蓝色的竖线了：
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-10-03
HTML没有直接表示竖线的标签代码，要插入竖线效果可以插入其他标签代码间接形式实现，主要有两种方法：
插入<hr/>标签实现，修改宽度和高度实现竖线效果，由于<hr/>标签有局限性，不推荐使用；示例如下：
<hr style="height:60px;width:1px;" />
插入<table>表格标签，修改样式实现竖线效果,示例代码如下；
<table style="height:60px;border-color:000000;border-left-style:solid;border-width:1px"><tr><td valign="top"></td></tr></table>
实现后的竖线效果如下：
第2个回答 2009-08-01
没有直接插入竖线的代码。
但可以用表格或图片的方式实现，比如：把表格的某一单元格的宽度设为1PX，高度设成你想用的竖线高度，并给单元格添加背景颜色，“竖线”就出来了。
另外，也可以在单元格中添加背景图片来实现。个人比较喜欢用背景图片的实现方式，这种方法“竖线”的表现形式更加丰富些，而以背景颜色实现的方式，感觉太死板。
当然，如果再综合CSS定义来实现，效果会更佳。本回答被网友采纳
但可以用表格或图片的方式实现，比如：把表格的某一单元格的宽度设为1PX，高度设成你想用的竖线高度，并给单元格添加背景颜色，“竖线”就出来了。
另外，也可以在单元格中添加背景图片来实现。个人比较喜欢用背景图片的实现方式，这种方法“竖线”的表现形式更加丰富些，而以背景颜色实现的方式，感觉太死板。
当然，如果再综合CSS定义来实现，效果会更佳。本回答被网友采纳
第3个回答 2009-08-01
没用过。都是用 标签，定位一个边就有竖线了
第4个回答 2009-08-01
style="border-left:1px solid red"
相似回答