導航條選單的製作

混合布局垂直選單水平選單伸縮選單的製作——改變高度

伸縮選單的製作——水平方向

導航條選單的製作

混合布局

任務1：完成頂部（top）、底部（foot）寬度自適應

任務2：中間分為2兩欄，其中，左側（left）寬度為200px， 右側（right）寬度自適應

任務3：要求右側（right）先載入，左側（left）後載入

任務4：編寫的**要相容ie6

topright
left
foot

垂直選單

任務1：請補充完整**，把a標籤定義成行內塊

任務2：請補充完整**，文字縮排20px

水平選單

伸縮選單的製作——改變高度

伸縮選單的製作——水平方向

導航條選單的製作

一級選單
一級選單
一級選單
一級選單

導航條選單製作總結

整理自慕課網 製作垂直導航條時若不想增加導航塊的長度可用text indent 20px 進行縮排 導航條選單製作總結 1 用無序列表構建選單 ul li 2 垂直選單轉變為水平選單 float left 3 在製作圓角選單時，背景貼在標籤上 雪碧圖的應用 background position 4...

導航條選單的製作（一）

垂直選單設計 同樣的先寫html結構 在其中加入css樣式 這裡本來是設定的塊級元素li的樣式，由於塊級元素只有乙個a，就直接將a設定為塊級元素，然後對a寫滑鼠經過事件 a hover當滑鼠經過的時候，a的背景顏色變為red，文字顏色變為白色 下面是樣式，其中text indent是內部縮排，保持了...

基本的導航條的製作

一想到導航選單就會想到用 ul li無序列表來製作。因為他的語義非常接近條目性的內容。給導航條加上css裝飾 這裡做了乙個基本的樣式清除，並且設定初始的文字大小為14px ul list style none 是為了清除條目前的那個圓點li padding left 10px是為了讓文字向右移動10...