我在博客中有一个带有以下html代码的horitzontal栏:
#menuh {
background: #D8D8D8;
float: left;
list-style: none;
margin: 0px;
padding: 1px;
display:block;
height:auto;
text-align:center;
}
#menuh li {
display: inline;
font: 67.5% Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-align: center;
margin: 0 44px 0 44px;;
padding: 0px;
}
#menuh a {
background: #D8D8D8
url()no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none; ) bottom right no-repeat;
color: #0B615E;
display: block;
height: auto;
text-align: center;
margin: 0px;
padding: 5px 23.8px;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
#menuh a:hover {
background: #A9D0F5 url() bottom center no-repeat;
color: #aeaab0
padding-bottom: 10px;
}

<div id="mh">
<ul id="menuh">
<li><a href="http://adress1">adress1</a></li>
<li><a href="http://adress2">adress2</a></li>
<li><a href="http://adress3">adress3</a></li>
<li><a href="http://adress4">adress4</a></li>
</ul>
</div>
&#13;
此代码的输出为:
我想删除那些垂直分隔符,但不知道如何。提前致谢
答案 0 :(得分:1)
它为我工作试试这个
#menuh {
background: #D8D8D8;
float: left;
list-style: none;
margin: 0px;
padding: 1px;
display:block;
height:auto;
text-align:center;
}
#menuh li {
float: left;
font: 67.5% Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-align: center;
margin: 0 44px 0 44px;;
padding: 0px;
}
#menuh a {
background: #D8D8D8
url()no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none; ) bottom right no-repeat;
color: #0B615E;
display: block;
height: auto;
text-align: center;
margin: 0px;
padding: 5px 23.8px;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
#menuh a:hover {
background: #A9D0F5 url() bottom center no-repeat;
color: #aeaab0
padding-bottom: 10px;
}
<div id="mh">
<ul id="menuh">
<li><a href="http://adress1">adress1</a></li>
<li><a href="http://adress2">adress2</a></li>
<li><a href="http://adress3">adress3</a></li>
<li><a href="http://adress4">adress4</a></li>
</ul>
</div>