css如何實現(xiàn)導(dǎo)航切換-創(chuàng)新互聯(lián)
這篇文章主要介紹了css如何實現(xiàn)導(dǎo)航切換，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比零陵網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式零陵網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋零陵地區(qū)。費用合理售后完善，10多年實體公司更值得信賴。
css導(dǎo)航切換效果圖如下：
代碼如下，復(fù)制即可使用：
css實現(xiàn)導(dǎo)航切換
.clothes{width:1170px;margin:0 auto;border-bottom:1px solid red;margin:30px; }
*{padding:0;margin:0;}
li{list-style:none;height:35px;line-height:35px;width:64px;text-align:center;}
a{text-decoration:none;color:#000;text-align:center;font-size:12px;font-family:"微軟雅黑";margin-bottom:-1px;}
.clearfix:after{content:"/200b";height:0;display:block;visibility: hidden;clear: both;}
ul li{float:left;border-top:1px solid #ededed;}
a{border-left:1px solid #fff;width:64px;text-align:center;display:inline-block;height:33px;line-height:33px;margin-bottom:1px;}
a:hover{background:#fff;border-top:2px solid red;border-left:1px solid red !important;border-right:1px solid red;
height:34px;line-height:34px;
}
大牌
男裝
女裝
鞋靴
箱包
內(nèi)衣配飾
珠寶首飾
奢侈禮品
奢華腕表
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何實現(xiàn)導(dǎo)航切換”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
分享名稱：css如何實現(xiàn)導(dǎo)航切換-創(chuàng)新互聯(lián)
URL鏈接：
http://weahome.cn/article/pssci.html
重慶分公司
重慶分公司
