<span id="mktg5"></span><i id="mktg5"><meter id="mktg5"></meter></i>

<label id="mktg5"><meter id="mktg5"></meter></label>

點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

CSS仿淘寶首頁導航條布局效果_經驗交流

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

CSS仿淘寶首頁導航條布局效果_經驗交流

CSS仿淘寶首頁導航條布局效果_經驗交流: 以下是CSS內容部分： /*子鼠*/ body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;} div,img{margin:0; padding:0; border:0;} ul,li{list-style-type: none; margi

推薦度：

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

導讀CSS仿淘寶首頁導航條布局效果_經驗交流: 以下是CSS內容部分： /*子鼠*/ body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;} div,img{margin:0; padding:0; border:0;} ul,li{list-style-type: none; margi

以下是CSS內容部分：

<style> 
/*子鼠*/ 
body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;} 
div,img{margin:0; padding:0; border:0;} 
ul,li{list-style-type: none; margin:0; padding:0; float:left; } 
#info{ margin-left:auto; margin-right:auto;width:760px; text-align:left;} 
#new{ margin-top:-12px;position: absolute;margin-left:-12px;} 
#nav{ height:30px; width:610px; margin-left:auto; margin-right:auto;} 
#nav li{margin-left:1px; height:30px;} 
#nav li a{ display:block;float:left; text-decoration:none; background-image: url(uploadfiles0/r200652134132.gif);background-repeat: no-repeat; display:block; background-position:left top;} 
#nav a span{cursor:hand; color:#000;background-image: url(uploadfiles0/v200652134115.gif);background-repeat: no-repeat; display:block;background-position: right top; padding:7px 10px 6px 10px; float:left; } 
#nav li a:active,#nav li a:hover {margin-top:0px; } 
#nav li a:active span,#nav li a:hover span {padding:10px 10px 6px 10px; margin-top:0px; display:block; color:#FFF;} 
#zishu01 a:link,#zishu01 a:visited {background-position: 0px -27px;} 
#zishu01 a:link span,#zishu01 a:visited span{background-position:right -27px;padding:10px 10px 6px 10px; margin-top:0; color:#FFF; font-weight:bold;} 
#zishu02 a,#zishu03 a,#zishu04 a,#zishu05 a,#zishu06 a,#zishu07 a,#zishu08 a,#zishu09 a,#zishu10 a,#zishu11 a{margin-top:3px;} 
#zishu02 a:active,#zishu02 a:hover {background-position: 0px -57px;} 
#zishu02 a:active span,#zishu02 a:hover span{background-position:right -57px;} 
#zishu03 a:active,#zishu03 a:hover {background-position: 0px -87px;} 
#zishu03 a:active span,#zishu03 a:hover span{background-position:right -87px;} 
#zishu04 a:active,#zishu04 a:hover {background-position: 0px -117px;} 
#zishu04 a:active span,#zishu04 a:hover span{background-position:right -117px;} 
#zishu05 a:active,#zishu05 a:hover {background-position: 0px -147px;} 
#zishu05 a:active span,#zishu05 a:hover span{background-position:right -147px;} 
#zishu06 a:active,#zishu06 a:hover {background-position: 0px -177px;} 
#zishu06 a:active span,#zishu06 a:hover span{background-position:right -177px;} 
#zishu07 a:active,#zishu07 a:hover {background-position: 0px -207px;} 
#zishu07 a:active span,#zishu07 a:hover span{background-position:right -207px;} 
#zishu08 a:active,#zishu08 a:hover {background-position: 0px -237px;} 
#zishu08 a:active span,#zishu08 a:hover span{background-position:right -237px;} 
#zishu09 a:active,#zishu09 a:hover {background-position: 0px -267px;} 
#zishu09 a:active span,#zishu09 a:hover span{background-position:right -267px;} 
#zishu10 a:active,#zishu10 a:hover {background-position: 0px -297px;} 
#zishu10 a:active span,#zishu10 a:hover span{background-position:right -297px;} 
#zishu11 a:link span,#zishu11 a:visited span{color:#FF6600;} 
#zishu11 a:active,#zishu11 a:hover {background-position: 0px -327px;} 
#zishu11 a:active span,#zishu11 a:hover span{background-position:right -327px;} 
#menu{ width:760px; height:26px; background:#FF9900;} 
#r1{border-top: 0px;border-bottom: 0px; border-left:3px solid #fff;border-right:3px solid #fff; height:1px; overflow:hidden;} 
#r2{border-top: 0px;border-bottom: 0px; border-left:2px solid #fff;border-right:2px solid #fff; height:1px; overflow:hidden;} 
#r3{border-top: 0px;border-bottom: 0px; border-left:1px solid #fff;border-right:1px solid #fff; height:1px; overflow:hidden;} 
</style>

以下是引用片段： 
 
 
 
 <li id="zishu01">首頁</li> 
 <li id="zishu02">數碼通訊</li> 
 <li id="zishu03">女人</li> 
 <li id="zishu04">男人</li> 
 <li id="zishu05">家居</li> 
 <li id="zishu06">書籍音像</li> 
 <li id="zishu07">運動</li> 
 <li id="zishu08">游戲</li> 
 <li id="zishu09">寵物</li> 
 <li id="zishu10">街</li> 
 <li id="zishu11">淘寶商城</li> 
 <li><img src="https://www.gxlcms.com/uploadfiles0/x200652135342.gif" alt="新加欄目" /></li> 
 
 
 
 
 
 
 
 
 
<p>仿淘寶網首頁導航條效果 轉載請注明出處 子鼠 www.zishu.cn 2006-05-21 凌晨03:05分</p>

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

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

CSS仿淘寶首頁導航條布局效果_經驗交流

CSS仿淘寶首頁導航條布局效果_經驗交流: 以下是CSS內容部分： /*子鼠*/ body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;} div,img{margin:0; padding:0; border:0;} ul,li{list-style-type: none; margi

推薦度：

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

標簽： css 導航菜單仿淘寶

熱門焦點

最新推薦

猜你喜歡

熱門推薦

產品服務發展歷程企業資訊企業文化關于我們加入我們聯系我們網站導航網站律師

中國掃黃打非網

Copyright ? 2019-2025 www.alabama37th.com 版權所有

贛ICP備2023002352號-2

違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務

Top 主站蜘蛛池模板：国产亚洲自拍一区| 国产亚洲综合网曝门系列| 美女黄网站人色视频免费| 亚洲国产日韩在线观频| 久久国产乱子伦精品免费一| 亚洲日本乱码一区二区在线二产线 | 亚洲乱码中文字幕小综合| 日本一区二区三区日本免费| a一级毛片免费高清在线| 亚洲欧洲日产国码在线观看| 日韩一区二区免费视频| 国产在线精品免费aaa片| 亚洲日韩亚洲另类激情文学| 激情综合色五月丁香六月亚洲| 黄色免费网站网址| 一级黄色免费网站| 亚洲一区精彩视频| 亚洲女久久久噜噜噜熟女| 午夜视频在线在免费| 久草福利资源网站免费| 最新亚洲人成无码网站| 久久精品国产亚洲精品2020| 亚洲av麻豆aⅴ无码电影| 91久久成人免费| 福利免费在线观看| 亚洲精品无码一区二区| 久久久亚洲AV波多野结衣| 狠狠色婷婷狠狠狠亚洲综合| 国产精品美女午夜爽爽爽免费| a级毛片黄免费a级毛片| 99亚洲乱人伦aⅴ精品| 亚洲成人午夜电影| 精品亚洲一区二区| 亚洲国模精品一区| 九九九精品成人免费视频| 四虎成人精品永久免费AV| 一级**爱片免费视频| 国产精品亚洲天堂| 亚洲国产日韩精品| 91在线精品亚洲一区二区| 亚洲综合色自拍一区|