html 怎么让无序列表不显示点
我是想做成下面这样
，用无序列表实现水平导航条。
<html>
<body>
<ul>
<li style = "float:left"><a href = "http://www.baidu.com">百度</a></li>
<li style = "float:left"><a href = "http://www.sina.com.cn">新浪</a></li>
<li style = "float:left"><a href = "http://www.163.com">网易</a></li>
<li style = "float:left"><a href = "http://www.qq.com">腾讯</a></li>
<li style = "float:left"><a href = "http://www.sohu.com">搜狐</a></li>
<li style = "float:left"><a href = "http://www.google.com.hk">谷歌</a></li></p></ul>
</body>
</html>
但我做出来的却是这样，求大神指导如何去掉前面的黑点以及怎么让每个链接中间留出空格
<html>
<head>
<style>
ul, li{display:block; position:relative;}
li{float:left; margin:auto 10px; list-style:none; height:30px; line-height:30px;}
.cle{clear:both;}
</style>
</head>
<body>
<ul>
<li><a href = "
http://www.baidu.com
">百度</a></li>
<li><a href = "
http://www.sina.com.cn
">新浪</a></li>
<li><a href = "
http://www.163.com
">网易</a></li>
<li><a href = "
http://www.qq.com
">腾讯</a></li>
<li><a href = "
http://www.sohu.com
">搜狐</a></li>
<li><a href = "
http://www.google.com.hk
">谷歌</a></li>
<div class="cle"></div>
</ul>
</body>
<head>
<style>
ul, li{display:block; position:relative;}
li{float:left; margin:auto 10px; list-style:none; height:30px; line-height:30px;}
.cle{clear:both;}
</style>
</head>
<body>
<ul>
<li><a href = "
http://www.baidu.com
">百度</a></li>
<li><a href = "
http://www.sina.com.cn
">新浪</a></li>
<li><a href = "
http://www.163.com
">网易</a></li>
<li><a href = "
http://www.qq.com
">腾讯</a></li>
<li><a href = "
http://www.sohu.com
">搜狐</a></li>
<li><a href = "
http://www.google.com.hk
">谷歌</a></li>
<div class="cle"></div>
</ul>
</body>
温馨提示：答案为网友推荐，仅供参考
第1个回答 2014-10-25
没有那个点，用list-style属性，如li{list-style: none;}
中间的间隙一般可以用margin-left来实现：如 li{margin-left:20px;}
中间的间隙一般可以用margin-left来实现：如 li{margin-left:20px;}
第2个回答 2014-10-25
在body 前
<html><body>
<style>
li{list-style-type:none;margin:5px;}
</style>
<ul>
<li style = "float:left"><a href = "http://www.baidu.com">百度</a></li>
<li style = "float:left"><a href = "http://www.sina.com.cn">新浪</a></li>
<li style = "float:left"><a href = "http://www.163.com">网易</a></li>
<li style = "float:left"><a href = "http://www.qq.com">腾讯</a></li>
<li style = "float:left"><a href = "http://www.sohu.com">搜狐</a></li>
<li style = "float:left"><a href = "http://www.google.com.hk">谷歌</a></li></p></ul>
</body>
</html>
第3个回答 2014-10-25
li的样式中加入li{list-style-type:none;}