li{list-style-type:無;}a{text-decoration:無;}。牧蘭{寬度:980px身高:120 px;邊框:1px #993399實心;邊距:0自動;}。牧蘭ul {寬度:900p" />
當前位置:編程學習大全網 - 網站源碼 - 如何用div+css實現簡單的導航欄

如何用div+css實現簡單的導航欄

& lthtml & gt

& lthead & gt& lt/head & gt;

& ltbody & gt

& ltstyle type="text/css " >

li{list-style-type:無;

}

a{text-decoration:無;

}

。牧蘭{

寬度:980px

身高:120 px;

邊框:1px #993399實心;

邊距:0自動;

}

。牧蘭ul {

寬度:900px

高度:60px

邊距:0自動;

邊框:1px #9900CC實心;

邊距-頂部:30px}

。牧蘭ul li {

寬度:210px;

高度:30px

浮動:左;

保證金-頂:10px;

邊框:1px實心;

文本對齊:居中;

填充頂部:10px}

& lt/style & gt;

& ltdiv class= "牧蘭" >

& ltul & gt

& lt李& gt& lta href = " # " & gt列1。& lt/李& gt

& lt李& gt& lta href = " # " & gt第二欄

& lt李& gt& lta href = " # " & gt第三欄

& lt李& gt& lta href = " # " & gt第4欄

& lt/ul & gt;

& lt/div & gt;

& lt/body & gt;

& lt/html & gt;

結合css就好。

#將其替換為所需的鏈接,然後刪除邊框線。

  • 上一篇:如何在chrome瀏覽器裏面安裝360搶票軟件
  • 下一篇:怎麽查IPAD4序列號激活日期在線等啊,序列號DMPJQFYRF186
  • copyright 2024編程學習大全網