Heim > Web-Frontend > HTML-Tutorial > 导航栏的制作问题_html/css_WEB-ITnose

导航栏的制作问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:22:54
Original
1119 Leute haben es durchsucht

在看视频学习制作导航栏的时候,遇到以下问题,烦请各位大大指导:

视频的代码以及效果如下




接下来是我的代码:



普通的blog


普通的blog,普通的新手





效果如下:

问题一:同样一段的CSS,我的Li居然是无法居中?
问题二:为啥她的a:hover有效果,而我是啥效果都没?
自己测试过,重新按照视频做了几次,结果还是没变。请教各位大大,我的问题是出在哪里?
谢谢!


回复讨论(解决方案)



nav ul{
width:1100px;
height:60px;
margin:0px auto;
background:red;
}

nav ul li{
widht:70px;      width的t和h倒了 
height:60px;
float:left;
text-align:center;
}

nav ul li a:hover{
display:block;
height:60px;
background::#3f3f3f;       多了个:

nav ul{
width:1100px;
height:60px;
margin:0px auto;
background:red;
}

nav ul li{
widht:70px;      width的t和h倒了 
height:60px;
float:left;
text-align:center;
}

nav ul li a:hover{
display:block;
height:60px;
background::#3f3f3f;       多了个:


谢谢!居然犯了这么低级的错误!真丢人哎。。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage