當前位置：
首頁 >
学习制作菜单导航
發布時間：2025/4/16
40
豆豆
之前自己學習時寫的菜單導航：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>導航菜單</title> <style type="text/css"> *{margin:0; padding:0; font-size:14px;} a{color:#333;text-decoration:none} .nav{list-style:none; height:30px; border-bottom:10px solid #F60; margin-top:20px; padding-left:50px;} .nav li{float:left} .nav li a{display:block; height:30px;text-align:center; line-height:30px; width:120px; background:url(http://img.mukewang.com/53846438000168f901200060.jpg); margin-left:1px;} .nav li a.on, .nav li a:hover{ background-position:0 -30px; color:#fff;} </style></head> <body><ul class="nav"><li><a class="on" href="#">首 頁</a></li><li><a href="#">新聞快訊</a></li><li><a href="#">產品展示</a></li><li><a href="#">售后服務</a></li><li><a href="#">聯系我們</a></li></ul></body> </html>效果如圖：
自己不擅長CSS，所以在此記錄一下...
轉載于:https://www.cnblogs.com/luo-super/p/4379371.html
總結
- 上一篇： SQL2008错误：当 MUST_CHA
- 下一篇： curl与wget区别