1html沒(méi)有直接插入豎線的代碼，但可以用盒子模型實(shí)現(xiàn)豎線的效果具體的做法是首先需要打開(kāi)hbuilder編輯器，新建一個(gè)html文件，寫入基本的html結(jié)構(gòu)2然后插入一個(gè)div標(biāo)簽，在上方的style標(biāo)簽里面設(shè)置div的css樣式，這里給di。

打出來(lái)那個(gè)字符quotquot，給它的字體色改成灰色就行了，或是用圖片畫一條細(xì)豎線也可以，再或者可以用前或后面標(biāo)簽的borderleft或borderright樣式定義HTML標(biāo)簽和實(shí)體字符都沒(méi)有這種豎線。

1首先打開(kāi)html編輯器，新建一個(gè)html文件，例如indexhtml2其次，在indexhtml的ltbody標(biāo)簽中，添加代碼lthr3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功在html中畫了一條線。

近日在畫一個(gè)界面的時(shí)候，遇到一個(gè)需求在界面當(dāng)中畫一條豎線，且這條豎線在高度上需要自動(dòng)占滿整個(gè)父div即這條豎線的高度和兩個(gè)div中較高的一個(gè)等高 往常我們畫一條橫線直接用標(biāo)簽lthr即可，當(dāng)畫一條豎線的時(shí)候。

HTML 里豎線 “ ” 常用輸入方法有兩種1在鍵盤輸入的時(shí)候，同時(shí)按下符號(hào)“ ” 跟 shift 鍵，就可以打出來(lái)2在打字的時(shí)候，直接打“shu”這個(gè)拼音，在彈出的選項(xiàng)中，選擇“，”符號(hào)即可。

1使用html中的border屬性來(lái)設(shè)置一條水平線 ltdiv style=quotwidth500px border1px solid redquotltdivlt！復(fù)制到html文件中就會(huì)是一條紅色水平直線，線的顏色長(zhǎng)短可自己調(diào)節(jié) 2使用hr標(biāo)簽可以制作一條水平。

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

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

使用lthr 標(biāo)簽可以插入一條直線動(dòng)態(tài)頁(yè)面是一對(duì)多訪問(wèn)通過(guò)一個(gè)頁(yè)面可以根據(jù)若干參數(shù)返回其不同的數(shù)據(jù)但是靜態(tài)頁(yè)面因?yàn)槭庆o態(tài)所以是一個(gè)頁(yè)面對(duì)應(yīng)一個(gè)內(nèi)容，也就是一對(duì)一的關(guān)系他的優(yōu)點(diǎn)就是無(wú)論如何訪問(wèn)都只是讓服務(wù)。

想用它來(lái)劃豎線，一般可以直接使用html代碼實(shí)現(xiàn)或借助css代碼來(lái)實(shí)現(xiàn)都可以方案一lthtmlltbodyltphr 標(biāo)簽定義水平線ltplthr ltp這是段落ltplthr ltp這是段落ltplthr ltp。

ltstyle 方法2使用hr標(biāo)簽實(shí)現(xiàn)畫一條線，代碼如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlefloatlttitle lthead ltdiv id=quotdiv1quotltdiv ltstyle div1 width 500pxborder。

2編程ltdiv style=quotwidth200pxheight0pxbordertop1px black dashedquot 缺點(diǎn)，不能改變方向還可以用svg，可以隨意改變大小，粗細(xì)，方向，例子如下lthtml lthead lthead lthead ltbody ltsvg xmlns。

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

height150pxfloatleftbackground#0f0quotltdiv可以通過(guò)建立一個(gè)1PX寬度的DIV來(lái)做為豎線但是這種寫法，兼容性不太好，一些舊瀏覽器容易出現(xiàn)默認(rèn)最小寬度還有一個(gè)辦法是，也是這樣三個(gè)DIV布局，中間的寬度可以設(shè)置。

ltdiv class=quotboxquotltdivltstylebox width100% height10px backgroundlineargradientto right，#FF0000，#0000FF ltstyle長(zhǎng)度根據(jù)width來(lái)變高度根據(jù)height來(lái)變。

ltHR 這是第一條線段，無(wú)size設(shè)定，取內(nèi)定值SIZE=1來(lái)顯示 ltHR SIZE=5 這是第二條線段，SIZE=5 ltHR SIZE=10 這是第三條線段，SIZE=10。