定义了导航栏的背景颜色,为什么不显示背景?

来源: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;

}













http://img.mukewang.com/climg/5e53701c09fa2eac25760160.jpg

写回答

1回答

好帮手慕慕子

2020-02-24

同学你好,看你粘贴的部分代码,如下所示,应该是单词写错,导致效果无法实现。同学自己修改下即可。

http://img.mukewang.com/climg/5e53751e099c617f05380330.jpg

如果还有问题,建议:同学将你写的完整代码直接粘贴过来,便于帮助同学准确的定位与解决问题

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程