& lt！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD " & gt；
& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt；
& lthead & gt
& ltmeta http-equiv = " Content-Type " Content = " text/html；charset=gb2312" />
& lttitle & gt導航欄
& lt！-控制導航欄的CSS樣式-& gt；
& ltstyle type="text/css " >
* {
邊距:0；
填充:0；
font-size:12px；
text-aling:居中；
}
正文{
背景色:# fff
}
#nav {
寬度:700px
邊距:20px auto 0 auto
}
#nav li{
顯示:內嵌；
list-style-type:無；
}
#阿利導航:鏈接，#阿利導航:已訪問{
浮動:左；
邊距-右邊:1px；
高度:26px
行高:26px
填充:0 20px
文字-裝飾:無；
顏色:# 333；
後臺:URL(link . jpg)；
}
#阿利導航:盤旋{
顏色:# 000；
背景:URL(hover . jpg)；
}
#主頁#導航阿利#cur1，# divcss #導航阿利#cur2，# csslayout #導航阿利#cur3，# css20 #導航阿利#cur4，#網站#導航阿利#cur5，# moban #導航阿利#cur6 {
顏色:# fff
背景:URL(current . jpg)；
}
#背線{
寬度:100%；
高度:3px
溢出:隱藏；
背景:# 06f
}
& lt/style & gt；
& lt！-控制CSS樣式導航欄的結尾-& gt；
& lt/head & gt；
& ltbody & gt
& ltbody id = " home " & gt
& lt！-生成導航的無序列表->；
& ltul id = " nav " & gt
& lt李& gt& lta href = " index . html " id = " cur 1 " >主頁
& lt李& gt& lta href="#" id="cur2 " >作品展覽
& lt李& gt& lta href="#" id="cur3 " >設計網站
& lt李& gt& lta href="#" id="cur4 " >聯系我們
& lt李& gt& lta href="#" id="cur5 " >酷站欣賞
& lt李& gt& lta href="#" id="cur6 " >模板下載
& lt/ul & gt；
& lt！-生成無序導航列表結束-& gt；
& lt！-導航底部的行->；
& ltdiv id="topline " >& lt/div & gt；
& lt/body & gt；
& lt/html & gt；