请帮忙检查一下代码谢谢

来源：2-2 编程练习

qq_happy

2019-05-08 11:41:48

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>表单新属性multiple</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        a {
            text-decoration: none;
            color: #fff;
        }

        ul {
            list-style: none;
        }

        header {
            height: 70px;
            background-color: #000;
        }

        .container {
            width: 1100px;
            margin: 0 auto;
        }

        header .logo {
            display: block;
            float: left;
            font-size: 28px;
            padding-top: 15px;
        }

        header .container nav {
            float: right;
        }

        nav>a {
            display: block;
            float: left;
            font-size: 20px;
            height: 65px;
            width: 100px;
            text-align: center;
            line-height: 65px;

        }

        nav>a:hover,
        nav>a.active {
            padding-bottom: 5px;
        }

        .Home {
            background-color: #d40112;
        }

        .Course {
            background-color: #feb800;
        }

        .Actual {
            background-color: #78b917;
        }

        .Plan {
            background-color: #433b90;
        }

        .FAQ {
            background-color: #f27c01;
        }

        .Notes {
            background-color: #017fcb;
        }

    </style>
</head>

<body>
    <header>
        <div class="container">
            <a href="#" class="logo">
            <img src="http://climg.mukewang.com/582e5f160001b17100400040.png"> MYMOOC
            </a>
            <nav>
                <a href="#" class="active Home">Home</a>
                <a href="#" class="Course">Course</a>
                <a href="#" class="Actual">Actual</a>
                <a href="#" class="Plan">Plan</a>
                <a href="#" class="FAQ">FAQ</a>
                <a href="#" class="Notes">Notes</a>
            </nav>
        </div>
    </header>
</body>

</html>

写回答

1回答