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文件中就會是一條紅色水平直線，線的顏色長短可自己調節(jié) 2使用hr標簽可以制作一條水平。

可以用不同的方式畫，一種是使用css樣式先畫一條橫線或豎線，然后將這條線旋轉一定角度得到斜線代碼如下ltstyle bookwidth300pxheight20pxborderbottom1px solid #000000webkittransform rotate45deg。

ltstyle ltinput type=quottextquot 或 輸出一條橫線用lthr如果想讓它長點就改變它的樣式lthr style=quotwidth1000PXquot變長和粗lthr style=quotwidth1000PXheight20pxquot其中width 是寬長，height是高。

使用lthr 標簽可以插入一條直線動態(tài)頁面是一對多訪問通過一個頁面可以根據若干參數返回其不同的數據但是靜態(tài)頁面因為是靜態(tài)所以是一個頁面對應一個內容，也就是一對一的關系他的優(yōu)點就是無論如何訪問都只是讓服務。

想用它來劃豎線，一般可以直接使用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。