abstrak：html結(jié)構(gòu)<div class="severce-tabs"><ul class="service-tabs-inner"><li class="on"><a href="#">主頁(yè)</a></li><li><a href=&q

html結(jié)構(gòu)

<div class="severce-tabs">

<ul class="service-tabs-inner">

<li class="on">

<a href="#">主頁(yè)</a>

</li>

<li>

<a href="#">推薦</a>

</li>

<li>

<a href="#">導(dǎo)航</a>

</li>

<li>

<a href="#">購(gòu)物</a>

</li>

</ul>

</div>

css

.service-tabs-inner{

width:1200px;

margin:0 auto;

}

.service-tabs-inner:after{

content:"";

display: block;

clear:both;

}

.service-tabs-inner li{

float: left;

list-style: none;

text-align: center;

position: relative;

}

.service-tabs-inner li a{

display: block;

width:120px;

height:60px;

text-decoration: none;

line-height: 60px;

color:#666;

font-size: 20px;

}

--------------------- 

作者：dcwang316 

來(lái)源：CSDN 

原文：https://blog.csdn.net/dcwang316/article/details/54288750 

版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請(qǐng)附上博文鏈接！

Guru membetulkan：天蓬老師Masa pembetulan：2019-04-10 13:27:23
Rumusan guru：作者：dcwang316 來(lái)源：CSDN 原文：https://blog.csdn.net/dcwang316/article/details/54288750 版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請(qǐng)附上博文鏈接！ 這你這代碼抄的, 連出處都放出來(lái)了, 下次注意