如何删除html栏中的垂直分隔符?

时间:2015-05-21 16:18:22

标签: html css

我在博客中有一个带有以下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;
&#13;
&#13;

此代码的输出为:

enter image description here

我想删除那些垂直分隔符,但不知道如何。提前致谢

1 个答案:

答案 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>