height150pxfloatleftbackground#0f0quotltdiv可以通過建立一個(gè)1PX寬度的DIV來(lái)做為豎線但是這種寫法，兼容性不太好，一些舊瀏覽器容易出現(xiàn)默認(rèn)最小寬度還有一個(gè)辦法是，也是這樣三個(gè)DIV布局，中間的寬度可以設(shè)置；可以使用HTML 的ltdel 標(biāo)簽，代碼如下比如拍賣XX原價(jià)ltdel30ltdel元 現(xiàn)價(jià)28元效果如下del標(biāo)簽說明定義和用法 定義文檔中已被刪除的文本可選的屬性屬性 值 描述cite URL 指向另外一個(gè)文檔的 URL。

用input頁(yè)面標(biāo)簽 并將下Border設(shè)為直線 ltstyle inputtype=quottextquotborderbottomsolid 1px #ccc ltstyle ltinput type=quottextquot 1兩頭漸變透明ltHR style=quotFILTER alphaopacity=100，finishopacity=0，style；html中有分割線，代碼ltHR width=quot100%quot color=#333 size=12 lt！ color顏色，size大小 一般直接用lthr 也是可以的。

因?yàn)槟憬o每個(gè)div都加了 border 1px的寬度如果屏幕總寬度1000，那么每個(gè)div的寬帶為252而非250具體實(shí)現(xiàn)可以在每個(gè)div外面套一個(gè)div，單獨(dú)控制寬帶百分比代碼如下lt！DOCTYPE htmllthead lttitleIndexlttitle；方法2使用hr標(biāo)簽實(shí)現(xiàn)畫一條線，代碼如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlefloatlttitle lthead ltdiv id=quotdiv1quotltdiv ltstyle div1 width 500pxborderbottom 1px。

html怎么畫一條斜線

點(diǎn)擊小三角形圖標(biāo)后將出現(xiàn)如下多個(gè)選項(xiàng)，選擇其中的線條中的”直線“圖形 然后即可用鼠標(biāo)在”個(gè)人信息“下方畫出一條直線，這就是插入的橫杠小技巧畫橫線同時(shí)按住Ctrl鍵可保證畫出的線筆直不彎曲鼠標(biāo)點(diǎn)中橫線后。

將鼠標(biāo)放置于文字后面，然后點(diǎn)擊上方工具欄中的“插入”2在彈出的界面中，選擇點(diǎn)擊“形狀”按鈕3在彈出形狀的窗格中，選擇點(diǎn)擊直線4按住shift鍵，然后用鼠標(biāo)左鍵在文字后面畫一條線。

lthr 這個(gè)就是html一條線的標(biāo)簽，當(dāng)然你也可以用borderbottom1px solid #000用邊框顏色來(lái)實(shí)現(xiàn)。

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

3用鼠標(biāo)拖拉畫直線，畫完后，會(huì)發(fā)現(xiàn)畫出的直線并不筆直4這時(shí)選擇直線形狀同時(shí)按shift鍵，拖動(dòng)鼠標(biāo)另外畫一條直線，發(fā)現(xiàn)畫出來(lái)的線是筆直的5完成以上流程，就能畫出筆直的線此方法同樣適用于箭頭等需要畫直線的。

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

html怎么畫一條橫線

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

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

3、打開輸入法2在輸入法上點(diǎn)擊右鍵，選擇“更多工具”中的“符號(hào)大全”3出現(xiàn)對(duì)話框后點(diǎn)擊“特殊符號(hào)”，在列表中找到橫杠符號(hào)4根據(jù)需要選擇數(shù)量按鼠標(biāo)點(diǎn)擊多次，頁(yè)面上即可顯示一條直線的符號(hào)。

4、使用HTML標(biāo)簽實(shí)現(xiàn)畫一條線，代碼如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlefloatlttitle lthead ltdiv id=quotdiv1quotltdiv ltstyle div1 width300pxborderbottom 1px solid。

5、二利用“下劃線”在word中畫橫線 在word中，給文本添加下劃線大家都不陌生吧下劃線本身就是一條橫線，可以利用它來(lái)在word中畫橫線思路是給一些空格內(nèi)容添加下劃線，空格內(nèi)容是看不見的，只能看見下劃線，這就實(shí)現(xiàn)了在。