怎么用DW制作網(wǎng)頁(yè)導(dǎo)航條？Dreamweaver，簡(jiǎn)稱“DW”，中文名“dream weaver”，是美國(guó)Macromedia公司開發(fā)的一款所見即所得網(wǎng)頁(yè)編輯器，集網(wǎng)頁(yè)制作和網(wǎng)站管理于一體。想用DW做

怎么用DW制作網(wǎng)頁(yè)導(dǎo)航條？

Dreamweaver，簡(jiǎn)稱“DW”，中文名“dream weaver”，是美國(guó)Macromedia公司開發(fā)的一款所見即所得網(wǎng)頁(yè)編輯器，集網(wǎng)頁(yè)制作和網(wǎng)站管理于一體。想用DW做導(dǎo)航條必須熟悉DIV CSS，基本代碼：UL#NAV{寬度：100%高度：60px背景：#00A2凸輪軸：0自動(dòng)}ul#nav li{顯示：內(nèi)聯(lián)高度：60px}ul#導(dǎo)航li{顯示：內(nèi)聯(lián)塊填充：0 20像素高度：60px線高：60px顏色：#FFF字體系列：“5FAE8F6F96C59ED1”字體-尺寸：16px}ul導(dǎo)航li a:Hover{background:BB}/*設(shè)置鼠標(biāo)懸停或滑動(dòng)時(shí)的背景色*/

主頁(yè)

HTML教程

CSS基礎(chǔ)

CSS開發(fā)工具

CSS特效

CSS問(wèn)題

html網(wǎng)頁(yè)導(dǎo)航條的設(shè)置？

1。導(dǎo)航欄的設(shè)置效果

2。完成列表<ul></UL>

3。導(dǎo)航欄的Div樣式設(shè)置

4。按重要性設(shè)置不同瀏覽器的值，列表項(xiàng)樣式

5。但它仍然沒(méi)有任何效果，就像顯示文本一樣。因此，我們需要將<A>超鏈接標(biāo)記嵌套在<li></Li>標(biāo)記中。在超鏈接標(biāo)記<A>中，我們必須將“a”的屬性設(shè)置為超鏈接。a的屬性值是目標(biāo)地址，#表示指向當(dāng)前網(wǎng)頁(yè)的鏈接。

6. 之后，您可以看到一個(gè)水平的可單擊列表。刪除這些點(diǎn)之后，它更像是一個(gè)簡(jiǎn)單的導(dǎo)航，但是您仍然需要使用CSS樣式的其余部分進(jìn)行設(shè)置。如果你想學(xué)得更好，學(xué)習(xí)CSS是必要的