html網(wǎng)頁導(dǎo)航欄代碼 怎么用DW制作網(wǎng)頁導(dǎo)航條?
怎么用DW制作網(wǎng)頁導(dǎo)航條?Dreamweaver,簡稱“DW”,中文名“dream weaver”,是美國Macromedia公司開發(fā)的一款所見即所得網(wǎng)頁編輯器,集網(wǎng)頁制作和網(wǎng)站管理于一體。想用DW做
怎么用DW制作網(wǎng)頁導(dǎo)航條?
Dreamweaver,簡稱“DW”,中文名“dream weaver”,是美國Macromedia公司開發(fā)的一款所見即所得網(wǎng)頁編輯器,集網(wǎng)頁制作和網(wǎng)站管理于一體。想用DW做導(dǎo)航條必須熟悉DIV CSS,基本代碼:UL#NAV{寬度:100%高度:60px背景:#00A2凸輪軸:0自動}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è)置鼠標懸?;蚧瑒訒r的背景色*/
主頁
HTML教程
CSS基礎(chǔ)
CSS開發(fā)工具
CSS特效
CSS問題
html網(wǎng)頁導(dǎo)航條的設(shè)置?
1。導(dǎo)航欄的設(shè)置效果
2。完成列表<ul></UL>
3。導(dǎo)航欄的Div樣式設(shè)置
4。按重要性設(shè)置不同瀏覽器的值,列表項樣式
5。但它仍然沒有任何效果,就像顯示文本一樣。因此,我們需要將<A>超鏈接標記嵌套在<li></Li>標記中。在超鏈接標記<A>中,我們必須將“a”的屬性設(shè)置為超鏈接。a的屬性值是目標地址,#表示指向當前網(wǎng)頁的鏈接。
6. 之后,您可以看到一個水平的可單擊列表。刪除這些點之后,它更像是一個簡單的導(dǎo)航,但是您仍然需要使用CSS樣式的其余部分進行設(shè)置。如果你想學得更好,學習CSS是必要的