正在回答
5回答
你好，在我这里是正常显示的呀，如下图；建议换个浏览器，或者刷新来测试下。
祝学习愉快！
qq_羽根轻拽_03768502
2017-07-24 18:55:22
导航条是这样
qq_羽根轻拽_03768502
2017-07-24 14:19:58
* {
font-family: Arial;
font-size: 14px;
margin: 0;
padding: 0;
border: none;
}
a {
text-decoration: none;
}
ul {
list-style: none;
}
header {
height: 80px;
background: #000;
}
header > .container{
width: 1200px;
margin: 0 auto;
}
header > .container > a{
display: block;
float: left;
margin: 5px 25px;
}
header > .container > nav{
float: right;
}
header > .container > nav > a{
font-size: 24px;
line-height: 73px;
display: block;
float: left;
width: 110px;
height: 73px;
text-align: center;
color: #fff;
}
header > .container > nav > a.Home{background: #433b90;}
header > .container > nav > a.Course{background: #017fcb;}
header > .container > nav > a.Actual{background: #78b917;}
header > .container > nav > a.Plan{background: #feb800;}
header > .container > nav > a.FAQ{background: #feb800;}
header > .container > nav > a.Notes{background: #d40112;}
qq_羽根轻拽_03768502
2017-07-24 14:19:13
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>imook</title> <link href="joker.css" rel="stylesheet" type="text/css"/> </head> <body> <header> <div class="container"> <a href="index.html"><img src="http://img1.sycdn.imooc.com/climg//582e5f160001b17100400040.png"/></a> <nav> <a class="Home" href="#" >Home</a> <a class="Course" href="#" >Course</a> <a class="Actual" href="#" >Actual</a> <a class="Plan" href="#" >Plan</a> <a class="FAQ" href="#" >FAQ</a> <a class="Notes" href="#" >Notes</a> </nav> </div> </header> </body> </html>
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星