<body>
<ul>
<li><a href="#" class="one">首 页</a></li>
<li><a href="#">新闻快讯</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">售后服务</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</body>
<ul>
<li><a href="#" class="one">首 页</a></li>
<li><a href="#">新闻快讯</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">售后服务</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</body>
<body>
<ul>
<li ><a href="#" class="one">首 页</a></li>
<li><a href="#">新闻快讯</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">售后服务</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</body>
<ul>
<li ><a href="#" class="one">首 页</a></li>
<li><a href="#">新闻快讯</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">售后服务</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</body>
增加10px左内边距之所以撑开父容器是因为li也设置了100px的width；如果不设置是auto，不会撑开的。单行文本一般用height=line-height来垂直居中（vertical-align很难控制），而一般行内元素水平居中不用text-indent吧，text-align:center ok，“首页”空格有效设置输入法为全角就好（快捷键Shift+Space）
2016-04-20
已采纳回答 / qq_诺L一世相伴_0
background-position:0 -30px是指背景图片向上移动30像素，左右不变。因为设置了背景图片，还有背景颜色，所以要给它一个hover使其在鼠标悬停时出现这样的效果。
2016-04-20
