定义了导航栏的背景颜色,为什么不显示背景?
来源:2-1 html5页面布局(表现层_header)
Yang_MoMaek
2020-02-24 14:41:37
*{
font-family: Arial;
font-size: 14px;
margin: 0;
padding: 0;
border: none;
}
a{
text-decoration: none;
}
ul{
list-style: none;
}
herder{
height: 80px;
background: #000;
}
header > .container{
width: 1200px;
/* height: 73px;
background: #000; */
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;
display: block;
float: left;
width: 110px;
height: 73px;
line-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: #f27c01;}
header > .container > nav > a.Notes {background: #d40112;}
header > .container > nav > a:hover,
header > .container > nav > a:active{
padding-bottom: 7px;
}
1回答
同学你好,看你粘贴的部分代码,如下所示,应该是单词写错,导致效果无法实现。同学自己修改下即可。
如果还有问题,建议:同学将你写的完整代码直接粘贴过来,便于帮助同学准确的定位与解决问题
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题