div css导航做出来导航前面有个小黑点,怎么搞掉,或者放些图片上去?菜鸟求教~9点之前啊
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xh...
<!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> 展开
<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> 展开
展开全部
#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("图片地址");}
可把黑点改为对应图片
这句改为
#header ul{border:0px;clear:both;list-style-type:none;}
可将小黑点去掉
或者改为
#header ul{border:0px;clear:both;list-style-image:url("图片地址");}
可把黑点改为对应图片
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
li{list-style-type:none;}
加上这个就行了 以后些的li都不会有点了
加上这个就行了 以后些的li都不会有点了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
#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;}
#header ul li{float:left;border-right:0px;padding-top:80px;padding-left:10px;list-style:none;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2018-03-13
展开全部
把ul/li的默认列表样式去掉。#header ul里添加样式:
list-style: none
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询