代码是否正确?

来源:2-2 编程练习

fatesses

2019-03-20 21:32:33

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">  

    <title>CSS布局</title>

    <style type="text/css">

        *{

            margin: 0;

            padding:0;

        }

        /*此处写代码*/

.header{

width: 100%;

height: 100px;

}

.logo{

float: left;

height: 80px;

padding-left: 20px;

padding-top: 10px;

}

.nav{

float:right;

padding-right: 40px;

}

ul li{

list-style-type: none;

float: left;

line-height: 100px;

width: 80px;

height: 100px;

font-family: "微软雅黑";

font-weight: bold;

}

    </style>

</head>

<body>

<!-- 此处写代码 -->

<div class="header">

<div class="logo">

<img src="http://climg.mukewang.com/595dd5120001736902000080.png" alt="logo">

</div>

<div class="nav">

<ul>

<li>前端</li>

<li>后端</li>

<li>移动端</li>

<li>数据库</li>

</ul>

</div>



</div>

</body>

</html>



写回答

1回答

Steve007

2019-03-21

同学,你好。代码是正确的,效果实现的不错,加油,继续努力。

祝学习愉快!

0

0 学习 · 40143 问题

查看课程