老师麻烦检查下

首页课程实战体系课手记专栏慕课教程

老师麻烦检查下

来源：2-2 编程练习

豆包侠

2021-09-23 15:05:05

<!DOCTYPE html>

<html>

<head>

<title>IMOOC</title>

*{padding:0;margin:0;}

a{text-decoration:none}

header{height:100px;line-height:100px;background:#000;}

header .container a{color:#fff;}

.container a{float:left;}

.container{padding-left:60px;}

nav{float:right;}

nav a{float:left;height:80px;line-height:80px;color:#fff;font-size:14px;text-align:center;display:block;width:100px;}

.Home{background:red;}

.Course{background:#feb800;}

.Actual{background:#78b917;}

.Plan{background:#333b90;}

.FAQ{background:#f27c01;}

.Notes{background:#017fcb;}

nav a:hover{padding-bottom:20px;}

</style>

</head>

<body>

<a href="#" ><img src="http://climg.mukewang.com/582e5f160001b17100400040.png">MYMOOC</a>

</div>

<nav>

<a href="#" class="Course">Course</a>

<a href="#" class="Actual">Actual</a>

<a href="#" class="Notes">Notes</a>

</nav>

</header>

</body>

</html>

写回答

1回答

好帮手慕久久

2021-09-23

已采纳

同学你好，代码有如下问题：

1、从效果图可知，整个导航是居中的，并不是铺满整个页面宽度的。因此建议调整结构和样式：

2、优化建议：

建议将左侧logo往下调整一下，让样式更好看些：

3、右侧导航的第一项，高度要充满整个父元素：

调整如下：

祝学习愉快！

0 学习 · 40143 问题

查看课程

相似问题

老师，麻烦检查一下

回答 1

麻烦老师检查~

回答 1

老师麻烦检查下

回答 1

麻烦检查一下

回答 1

麻烦老师检查一下~非常感谢

回答 1

打开慕课网App查看更多内容