CSS實現同一背景圖的導航菜單_導航菜單

來源：懂視網責編：小采時間：2020-11-27 20:54:11

CSS實現同一背景圖的導航菜單_導航菜單

CSS實現同一背景圖的導航菜單_導航菜單: css實現導航菜單帶背景圖效果，sky整理收集。 ul,li{ list-style:none; float:left;} body{ font-size:12px; line-height:1.6; font-family:Verdana, 宋體, Arial; text-align:center;} #info li

推薦度：

點擊下載本文 文檔為doc格式

導讀CSS實現同一背景圖的導航菜單_導航菜單: css實現導航菜單帶背景圖效果，sky整理收集。 ul,li{ list-style:none; float:left;} body{ font-size:12px; line-height:1.6; font-family:Verdana, 宋體, Arial; text-align:center;} #info li

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 
<meta name="keywords" content="站長,網頁特效,js特效,廣告代碼,zzjs,jb51.net,sky,www.gxlcms.com,站長特效 網" /> 
<meta name="description" content="www.gxlcms.com,腳本之家，站長必備js特效及廣告代碼。大量高質量js特效，提供高質量廣告代碼下載,盡在腳本之家" /> 
<title>css實現導航菜單帶背景圖效果，sky整理收集。</title> 
<style> 
ul,li{ list-style:none; float:left;} 
body{ font-size:12px; line-height:1.6; font-family:Verdana, "宋體", Arial; text-align:center;} 
#info li{ margin-left:4px; margin-top:15px;} 
#info a {display:block;text-align:center; padding-left:15px; 
padding-top:2px;padding-bottom:1px;background-image: 
url(/upload/201007/20100714195929854.gif); 
background-repeat: no-repeat;color: #000; width:47px; cursor:hand; text-decoration: none;} 
#job a:link,#job a:visited{background-position: -62px 0px;} 
#eve a:link,#eve a:visited{background-position: -124px 0px;} 
#oth a:link,#oth a:visited{background-position: -186px 0px;} 
#car a:hover ,#car a:active {background-position: 0px -22px; color:#fff;} 
#job a:hover ,#car a:active {background-position: -62px -22px; color:#fff;} 
#eve a:hover ,#car a:active {background-position: -124px -22px; color:#fff;} 
#oth a:hover ,#car a:active {background-position: -186px -22px; color:#fff;} 
</style> 
</head> 
<body> 
">腳本之家,站長必備的高質量網頁特效和廣告代碼。jb51.net，站長js特效。<hr> 
 
 
 
<li id="car">首頁</li> 
<li id="job">zz</li> 
<li id="eve">特效</li> 
<li id="oth">站長</li> 
 
 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

CSS實現同一背景圖的導航菜單_導航菜單

推薦度：

點擊下載本文 文檔為doc格式

標簽：設置圖片背景

熱門焦點

CSS實現同一背景圖的導航菜單_導航菜單

CSS實現同一背景圖的導航菜單_導航菜單

CSS實現同一背景圖的導航菜單_導航菜單

最新推薦

猜你喜歡

熱門推薦