几天以来,我一直在为网站导航。但我想将其居中放置,并且margin auto
不起作用。这是我的HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>Homepage - Trolltime</title>
<link rel="stylesheet" type="text/css" href="default.css">
</head>
<body>
<ul id="nav">
<li><a href="">Home</a></li>
<li><a href="">News</a></li>
<li><a href="">Contact</a></li>
<li><a href="">About</a></li>
<li><a href="">About</a></li>
</ul>
</body>
</html>
这是我的CSS代码:
li:hover {font-size:120%}
li:visited{color:black}
ul.nav {
display: inline-block;
list-style-type: none;
}
li{
display:inline;
float:left;
margin:auto;
list-style-type:none;
font-family:Verdana;
display:block;
width:100px;
}
ul { list-style-type:none; }
body { background-color:#33CCFF; }
谢谢你。
在html中,您使用了id;在css中,您给了nav类。请看下面。
ul#nav{
display: block;
list-style-type: none;
margin:0 auto;
width:500px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句