html 怎么让无序列表不显示点
我是想做成下面这样，用无序列表实现水平导航条。<html><body><ul><listyle="float:left"><ahref="http://www.baidu...
我是想做成下面这样
，用无序列表实现水平导航条。
<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>
<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>
但我做出来的却是这样，求大神指导如何去掉前面的黑点以及怎么让每个链接中间留出空格 展开
4个回答
展开全部
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没有那个点，用list-style属性，如li{list-style: none;}
中间的间隙一般可以用margin-left来实现：如 li{margin-left:20px;}
中间的间隙一般可以用margin-left来实现：如 li{margin-left:20px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
li的样式中加入li{list-style-type:none;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
