1html没有直接插入竖线的代码，但可以用盒子模型实现竖线的效果具体的做法是首先需要打开hbuilder编辑器，新建一个html文件，写入基本的html结构2然后插入一个div标签，在上方的style标签里面设置div的css样式，这里给di。

打出来那个字符quotquot，给它的字体色改成灰色就行了，或是用图片画一条细竖线也可以，再或者可以用前或后面标签的borderleft或borderright样式定义HTML标签和实体字符都没有这种竖线。

1首先打开html编辑器，新建一个html文件，例如indexhtml2其次，在indexhtml的ltbody标签中，添加代码lthr3浏览器运行indexhtml页面，此时成功在html中画了一条线。

近日在画一个界面的时候，遇到一个需求在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div即这条竖线的高度和两个div中较高的一个等高 往常我们画一条横线直接用标签lthr即可，当画一条竖线的时候。

HTML 里竖线 “ ” 常用输入方法有两种1在键盘输入的时候，同时按下符号“ ” 跟 shift 键，就可以打出来2在打字的时候，直接打“shu”这个拼音，在弹出的选项中，选择“，”符号即可。

1使用html中的border属性来设置一条水平线 ltdiv style=quotwidth500px border1px solid redquotltdivlt！复制到html文件中就会是一条红色水平直线，线的颜色长短可自己调节 2使用hr标签可以制作一条水平。

可以用不同的方式画，一种是使用css样式先画一条横线或竖线，然后将这条线旋转一定角度得到斜线代码如下ltstyle bookwidth300pxheight20pxborderbottom1px solid #000000webkittransform rotate45deg。

ltstyle ltinput type=quottextquot 或 输出一条横线用lthr如果想让它长点就改变它的样式lthr style=quotwidth1000PXquot变长和粗lthr style=quotwidth1000PXheight20pxquot其中width 是宽长，height是高。

使用lthr 标签可以插入一条直线动态页面是一对多访问通过一个页面可以根据若干参数返回其不同的数据但是静态页面因为是静态所以是一个页面对应一个内容，也就是一对一的关系他的优点就是无论如何访问都只是让服务。

想用它来划竖线，一般可以直接使用html代码实现或借助css代码来实现都可以方案一lthtmlltbodyltphr 标签定义水平线ltplthr ltp这是段落ltplthr ltp这是段落ltplthr ltp。

ltstyle 方法2使用hr标签实现画一条线，代码如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlefloatlttitle lthead ltdiv id=quotdiv1quotltdiv ltstyle div1 width 500pxborder。

2编程ltdiv style=quotwidth200pxheight0pxbordertop1px black dashedquot 缺点，不能改变方向还可以用svg，可以随意改变大小，粗细，方向，例子如下lthtml lthead lthead lthead ltbody ltsvg xmlns。

html中有分割线，代码ltHR width=quot100%quot color=#333 size=12 lt！ color颜色，size大小 一般直接用lthr 也是可以的。

height150pxfloatleftbackground#0f0quotltdiv可以通过建立一个1PX宽度的DIV来做为竖线但是这种写法，兼容性不太好，一些旧浏览器容易出现默认最小宽度还有一个办法是，也是这样三个DIV布局，中间的宽度可以设置。

ltdiv class=quotboxquotltdivltstylebox width100% height10px backgroundlineargradientto right，#FF0000，#0000FF ltstyle长度根据width来变高度根据height来变。

ltHR 这是第一条线段，无size设定，取内定值SIZE=1来显示 ltHR SIZE=5 这是第二条线段，SIZE=5 ltHR SIZE=10 这是第三条线段，SIZE=10。