我在chrome上做了一个导航栏,效果很好。但是,在Firefox上,每个导航选项卡的前面都会出现一个点。有谁知道为什么会这样以及如何解决?确实没什么大不了的,但是如果我能解决的话,我会尝试解决。多谢您的协助,祝您度过愉快的一天!
这是我正在使用的代码:
<html>
<head>
<title>Blitz</title>
<link rel="stylesheet" type="text/css" href="Stylesheet.CSS">
<link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">
<body background="http://blog.jimdo.com/wp-content/uploads/2014/01/tree-247122.jpg">
<header>
<div class="Nav">
<h2><center><strong>Blitz</strong></center></h2>
<ul>
<li><a href="index.php">Home |</a></li>
<li><a href="#">Forums |</a></li>
<li><a href="#">Blog |</a></li>
<li><a href="#">About us |</a></li>
<li><a href="#">Info </a></li>
</ul>
</div>
</header>
</body>
</html>
/*CSS script*/
body{
margin:0;
padding:0;
}
.Nav{
margin:0 auto;
width:75%;
height:auto;
background:#A7EAFC;
overflow:auto;
border-bottom: 2px solid black;
}
.Nav ul li{
float:left;
}
.Nav a{
margin-right:20px;
margin-left:20px;
color:black;
text-transform:uppercase;
text-decoration:none;
font-family: Arial sans-serif;
font-weight: bold;
}
.Nav a:hover{
color:blue;
text-decoration:underline;
}
最佳答案
将此规则添加到您的CSS:
.Nav ul {
list-style:none;
}