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

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

首先需要打開hbuilder編輯器，新建一個(gè)html文件，寫入基本的html結(jié)構(gòu)然后插入一個(gè)div標(biāo)簽，在上方的style標(biāo)簽里面設(shè)置div的css樣式，這里給div設(shè)置背景顏色，并給它一個(gè)高度，寬度設(shè)置為0，設(shè)置borderleft屬性即可做出豎線最。

在html中花一條線的方法是有很多的，一般可以直接使用html代碼實(shí)現(xiàn)或者借助css代碼來實(shí)現(xiàn)都是可以的方法1使用lthr標(biāo)簽畫線 lthtmlltbodyltphr 標(biāo)簽定義水平線ltplthr ltp這是段落ltplthr ltp這。

想用它來劃豎線，一般可以直接使用html代碼實(shí)現(xiàn)或借助css代碼來實(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。

backgroundcolor blackmargin autoheight 1000pxquotltdivltbodylthtml代碼如上，主要就是點(diǎn)線面，如果一個(gè)面的寬度很窄，那看起來就是一條線了，把div的寬度設(shè)置為1px，居中，那就是中間有一條豎線了。

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

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

試試看 lt！doctype html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle lthead ltbody lttable cellpadding=0 cellspacing=0 lttr ltthhead1ltth lttdcontent1lttd lttr。

還可以用svg，可以隨意改變大小，粗細(xì)，方向，例子如下lthtml lthead lthead lthead ltbody ltsvg xmlnsdc=quot。

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

用input頁面標(biāo)簽 并將下Border設(shè)為直線 ltstyle inputtype=quottextquotborderbottomsolid 1px #ccc ltstyle ltinput type=quottextquot 1兩頭漸變透明ltHR style=quotFILTER alphaopacity=100，finishopacity=0，style。

lttable border=quot1quot cellspacing=quot0quot lt！border=1設(shè)置包括標(biāo)簽table，tr，td的邊框粗細(xì)，cellspacing合并標(biāo)簽tr，個(gè)td的空隙 lttr lttd11lttd lttd12lttd lttr lttr lttd21lttd lttd2。

1首先新建html文檔，輸入html5標(biāo)準(zhǔn)聲明，如圖所示2然后輸入html基本網(wǎng)頁結(jié)構(gòu)，如圖所示3接著輸入hr標(biāo)簽lthr是水平線，是單邊標(biāo)記，如圖所示4hr標(biāo)簽的常用屬性，Size設(shè)置水平線的粗細(xì)5Width設(shè)置水平線。

定義一些參數(shù)可以獲取可愛的細(xì)虛線我們也可以修改其中的color，size的參數(shù)可以得到不同的效果2CSS定義表格邊框大全細(xì)線虛線點(diǎn)線 定義表格邊框全部為1 邊框顏色 #C7C7C7代碼為 tb1 border1px solid #C7C7。