麻烦老师看下是否正确,谢谢老师。

来源:2-2 编程练习

秋荏苒

2019-06-23 23:22:11

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none;
            font-family: 微软雅黑,serif;
        }
        .nav {
            height: 100px;
            width: 100%;
            border-top: 1px #cecece solid;
            border-bottom: 2px #cecece solid;
            box-sizing: border-box;
            overflow: hidden;
        }
        .header img {
            padding-left: 50px;
            padding-top: 10px;
        }
        .header ul {
            float: right;
        }
        .header ul li {
            display: inline;
            margin: 0 20px;
            line-height: 100px;
        }
        .header ul li a {
            color: black;
            font-size: 15px;
            font-weight: bolder;
        }
    </style>
</head>
<body>
<div class="nav header">
    <img src="http://climg.mukewang.com/595dd5120001736902000080.png" alt="logo">
    <ul>
        <li><a href="#">前端</a></li>
        <li><a href="#">后端</a></li>
        <li><a href="#">移动端</a></li>
        <li><a href="#">数据库</a></li>
    </ul>
</div>
</body>
</html>


写回答

1回答

好帮手慕夭夭

2019-06-24

你好同学,效果实现的正确,很棒,祝学习愉快!

0

0 学习 · 40143 问题

查看课程