请老师检查

*{
    margin: 0;
    padding: 0;
}
header{
    width: 100%;
    height: 80px;
    background-color: #07cbc9;
}
header .header-wrap{
    width: 1200px;
    height: 80px;
    margin: 0 auto;
}
header .header-wrap .logo{
    float: left;
    padding: 16px 0;
    width: 200px;
    height: 48px;
    color:#fff;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
header nav{
    float: right;
    width: 700px;
    height: 80px;
}
header nav ul{
    list-style: none;
}
header nav ul li{
    float: left;
    width: 100px;
    height: 80px;
    margin-right: 20px;
}
header nav ul li:last-child{
    margin-right: 0;
}
header nav ul li a{
    display: block;
    font-size: 16px;
    text-decoration: none;
    color:#fff;
    width: 100px;
    height: 80px;
    text-align: center;
    line-height: 80px;
}
header nav ul li a:hover{
    background-color: #fff;
    color:#07cbc9;
}

慕UI4313976 2021-02-26

源自：浮动与定位 4-4 自由编程

收起

2回答

好帮手慕张回答被采纳获得+3积分 2021-02-26 16:57:21

同学你好，代码效果实现正确，继续加油，祝学习愉快！

收起回答

好帮手慕张 2021-02-26 16:45:18

同学你好，同学粘贴了样式代码上来，老师没办法测试检查代码，建议同学将完整的代码粘贴上来，老师测试代码检查是否有需要修改优化的地方。

祝学习愉快！

收起回答

提问者慕UI4313976 #1

老师，不好意识这是html的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <header>
        <div class="header-wrap">
            <div class="logo">Career Builder</div>
            <nav>
                <ul>
                    <li><a href="">HOME</a></li>
                    <li><a href="">ABOUT</a></li>
                    <li><a href="">GALLERY</a></li>
                    <li><a href="">FACULTY</a></li>
                    <li><a href="">EVENTS</a></li>
                    <li><a href="">CONTACT</a></li>
                </ul>
            </nav>
        </div>
    </header>
</body>
</html>