div css导航做出来导航前面有个小黑点,怎么搞掉,或者放些图片上去?菜鸟求教~9点之前啊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的个人主页</title>
<style tpye="text/css">
body{background-image:url(img/1x.jpg);height:100%;background-repeat:no-repeat;}
body{background-color:#ADD8E6}
body,li,ul, h1{margin:0;padding:0;}
div{border:0px solid;}
#wrapper{
width:900px;
margin: 0 auto;}
#header{height:200px;}
#header ul{border:0px;clear:both;}
#header ul li{float:left;border-right:0px;padding-top:80px;padding-left:10px;}
#header li a{text-decoration:none; color:white;display:block; padding:5px 10px;}
#header li a.active{background-color:white;color:black;}
#header li a:hover{color:red;}

#content{margin:0px auto;width:800px; height:300px;padding: 250px 0 0 10px;}
#footer{height:100px;
text-align:center;
padding-top:40px;}
#content main{width:100%;height:100%;clear:both;}
iframe{ width:100%; height:100%; border:20px;border:0px;}
div#div1{position:fixed;top:0;left:0;bottom:0; right:0;z-index:-1;}
div#div1 > img { height:100%; width:100%;border:0; }
</style>
</head>
<body>
<div id="div1"><img src="img/1x.jpg"></div>
<div id="wrapper">
<div id="header">
<h1>我的个人主页</h1>
<ul>
<li> <a href="1.html" ><b>首页</b></a> </li>
<li> <a href="#"><b>日志</b></a> </li>
<li> <a href="#"><b>相册</b></a> </li>
<li> <a href="#"><b>音乐</b></a> </li>
<li> <a href="4.html"><b>关于我</b></a> </li>
</ul>
</div>
</div>
<div id="content">
<div id="main">
<font face=""隶书 size=8 color="red" > 梅花香自苦寒来,</br>宝剑锋从磨砺出。</font>
</div>
</div>
<div id="footer">
2012年6月7日
</div>

</body>
</html>

在head中间加入
ul{
list-style-type:none;

即可
希望帮的到您,如有追问,为您解答~
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-12-16
#header ul{border:0px;clear:both;}
这句改为
#header ul{border:0px;clear:both;list-style-type:none;}
可将小黑点去掉

或者改为
#header ul{border:0px;clear:both;list-style-image:url("图片地址");}
可把黑点改为对应图片本回答被网友采纳
第2个回答  2012-06-08
li{list-style-type:none;}
加上这个就行了 以后些的li都不会有点了
第3个回答  2012-06-08
#header ul{border:0px;clear:both;list-style:none;}
#header ul li{float:left;border-right:0px;padding-top:80px;padding-left:10px;list-style:none;}
第4个回答  2018-03-13

把ul/li的默认列表样式去掉。#header ul里添加样式:

    list-style: none

相似回答