1用border寫，你可以寫在導(dǎo)航的li或者a標(biāo)簽上 li border1px solid #fff * 1像素 直線 白色 * 2圖片的話 也是可以寫在li 或者 a上 li backgroundurl left center norepeat *。

Margin是網(wǎng)頁(yè)上的設(shè)計(jì)元素之一，意為“頁(yè)邊距”，常用于控制頁(yè)面內(nèi)容離邊界之間的距離Margin可以有多個(gè)值，分別對(duì)應(yīng)上右下左四個(gè)方向，可以定義成具體像素值百分比或auto等等形式不同的Margin值設(shè)置會(huì)影響頁(yè)面的布。

2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltdiv style=quotbordertop 3px solid #0b93d5borderbottom 3px solid #0b93d5quot123ltdiv3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)僅僅在層的上邊框和下邊框顯示。

ltdiv style=quotborder 1px solid #000quot隨便一點(diǎn)內(nèi)容ltdiv 很簡(jiǎn)單就是添加一個(gè)樣式，上面代碼就是添加了一個(gè)粗度為1px的黑色實(shí)線邊框。

上內(nèi)邊距是 50 px，左右內(nèi)邊距是 10 px，下內(nèi)邊距是 20 px如果規(guī)定四個(gè)值，比如 div padding 50px 10px 20px 30px 上內(nèi)邊距是 50 px，右內(nèi)邊距是 10 px，下內(nèi)邊距是 20 px，左內(nèi)邊距是 30 px。

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

border 1px solid #f00 第一個(gè)值是邊框大小，第二個(gè)值是 實(shí)線， 第三個(gè)值是邊框顏色。

按如下方式修改樣式backgroundtransparent url#39雙引號(hào)圖片路徑#39 norepeat scroll 5px 5px通過指定norepeat使背景圖不產(chǎn)生平鋪效果，然后給上和左一個(gè)偏移量，假設(shè)5px。

quot讓其變細(xì)，以下為demo代碼lthtmlltheadltmeta charset=quotutf8quotltheadltbodylt！使用table自帶屬性border，cellspacing屬性0是取消單元格之間的距離，不寫style部分線條默認(rèn)會(huì)比較粗lttable cellspacing=quot0quot。

4直接設(shè)置左右邊框，上下邊框不設(shè)置bordertop borderleft1px solid #ccc borderright1px solid #ccc以方式一為例，代碼如圖顯示效果如下圖這樣就只顯示了div的左右邊框，而沒有顯示上下邊框。

1paddingtop 屬性設(shè)置 p 元素的上內(nèi)邊距，該屬性設(shè)置元素上內(nèi)邊距的寬度行內(nèi)非替換元素上設(shè)置的上內(nèi)邊距不會(huì)影響行高計(jì)算，因此，如果一個(gè)元素既有內(nèi)邊距又有背景，從視覺上看可能延伸到其他行，有可能還會(huì)與其他。

padding表示內(nèi)邊距，設(shè)置格式可以有如下方式1padding 10px 10px 第一個(gè)10px表示上下內(nèi)邊距第二個(gè)10px表示左右內(nèi)邊距2padding10px 20px 30px 40px 對(duì)應(yīng)的分別是上右下左，上邊距是10px，右邊距是20px。

網(wǎng)頁(yè)中制作一條水平線的HTML代碼有以下的方法可以實(shí)現(xiàn)1使用html中的border屬性來設(shè)置一條水平線 ltdiv style=quotwidth500px border1px solid redquotltdivlt！復(fù)制到html文件中就會(huì)是一條紅色水平直線，線的顏色。

1如圖，在代碼工具中，先建好幾個(gè)圖片，如圖這里的img圖片被div盒子包含然后將盒子設(shè)置寬度，然后浮動(dòng)圖片填充整個(gè)盒子大小2效果就是這樣的，如圖3添加圖片的描邊效果有兩種方法，對(duì)圖片添加描邊或者是給外面的。

cellspacing設(shè)置為“0”，顯示的結(jié)果就是第一個(gè)表格的每個(gè)單元格之間的距離為0若將表格邊框設(shè)為“0”，則單元格 的距離就是0了cellpadding屬性用來指定單元格內(nèi)容與單元格邊界之間的空白距離的大小此屬性的參數(shù)值也是。