我正试图将导航栏放在页面中间...
这是我到目前为止所得到的,有人能告诉我我做错了吗
我尝试过更改一些内容,但我不知道是否在#menu或#menu li中进行了更改
#menu li {
float: left;
border: 2px solid white;
margin-top:50px;
margin-left:80px;
}
#menu li a{
font-family:Din;
display: inline;
padding: 1px 30px;
font-size: 33px;
text-decoration: none;
color: white;
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
#menu li a:hover{
background: white;
color: black;
padding: 1px 30px;
text-decoration: none;
}
#menu li a,
#menu li.active a{
padding: 0px 30px;
display:inline;
}
#menu li.active a{
color: #fff;
}
#menu{
position:fixed;
top:0;
left:0;
height: 40px;
z-index: 70;
width: 100%;
padding: 0;
margin:0;
}
答案 0 :(得分:1)
答案 1 :(得分:-1)
将此代码添加到CSS中。 我测试了它。
#menu ul{
padding: 0px;
margin-left: auto;
margin-right:auto;
width: 80%;
}