在 Firefox 的导航栏中出现点?
Dots appearing in nav bar in firefox?
我在 chrome 上制作了一个导航栏,它工作正常。但是,在 Firefox 上,每个导航选项卡前面都会出现一个点。有谁知道为什么会这样以及如何解决?这真的没什么大不了的,但如果我能修复它,我会尝试修复它。提前感谢您的帮助,祝您有愉快的一天!
这是我正在使用的代码:
<html>
<head>
<title>Blitz</title>
<link rel="stylesheet" type="text/css" href="Stylesheet.CSS">
<link rel="shortcut icon" href="http://sstatic.net/Whosebug/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;
}
我在 chrome 上制作了一个导航栏,它工作正常。但是,在 Firefox 上,每个导航选项卡前面都会出现一个点。有谁知道为什么会这样以及如何解决?这真的没什么大不了的,但如果我能修复它,我会尝试修复它。提前感谢您的帮助,祝您有愉快的一天!
这是我正在使用的代码:
<html>
<head>
<title>Blitz</title>
<link rel="stylesheet" type="text/css" href="Stylesheet.CSS">
<link rel="shortcut icon" href="http://sstatic.net/Whosebug/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;
}