display:inline-block產生的間隙問題

.top{ height:35px; line-height:35px; margin-bottom:40px; background:#000; opacity:0.7;}
.top a{ display:inline-block; width:25%; text-align:center; color:#fff; *margin-right:-2px;}
.top a:hover{ color:yellow;}

<div class="top">
	<a href="index.html">返回首頁</a><a href="use.html">如何使用</a><a href="effect.html">基本效果</a><a href="demo.html">Demo</a>
</div>

a標籤寫成一排是爲了兼容火狐

*margin-right是爲了兼容ie7

ie67891011 火狐 谷歌測試通過

PS：使用display:inline-block來實現這種並排效果的話就這樣寫，如果嫌麻煩還可以使用浮動來解決。