您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關css中怎么為導航添加超鏈接,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title> <style type="text/css"> body{font-family:Verdana;font-size:18px;line-height:1.5;} a{color:#000;text-decoration:none;} a:hover{color:#F00;} //hover是為鼠標經過時字體顏色變為紅色 #menu{width:100px;border:1px solid#CCC} #menu ul{list-style:none;margin:0px;padding:0px;} #menu ul li{background:#eee;padding:0px 8px;height:26px;line-height:26px;border-bottom:1px solid #CCC} </style> </head> <body> <div id="menu"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">貨源信息</a></li> <li><a href="#">車源信息</a></li> <li><a href="#">專線信息</a></li> <li><a href="#">服務信息</a></li> <li><a href="#">新聞資訊</a></li> </ul> </div> </body> </html>
關于css中怎么為導航添加超鏈接就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。