请问是否正确

来源:2-2 编程练习

蛤小蛤

2019-05-20 14:55:37

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">	
	<title>CSS布局</title>
	<style type="text/css">
		*{
			margin: 0;
			padding:0;
		}
		/*此处写代码*/
		.header {
		    width : 100%;
		    height : 100px;
		    border-bottom:1px solid gray;
		}
		.header .logo{
		    float:left;
		}
		.header .logo img{
		    width:200px;
		    height:80px;
		    padding-top:10px;
		    padding-left:20px;
		}
		.header .nav{
		    float:right;
		}
		.header .nav ul{
		    padding-right:20px;
		}
		.header .nav ul li{
		    float:left;
		    list-style:none;
		    height:100px;
		    line-height:100px;
		    padding-right:20px;
		    font-weight:bolder;
		}
	</style>
</head>
<body>
	<!-- 此处写代码 -->
	<div class="header">
	    <div class="logo">
	        <img src="http://climg.mukewang.com/595dd5120001736902000080.png">
	    </div>
	    <div class="nav">
	        <ul>
	            <li>前端</li>
	            <li>后端</li>
	            <li>移动端</li>
	            <li>数据库</li>
	        </ul>
	    </div>
	</div>
</body>
</html>


写回答

1回答

好帮手慕码

2019-05-20

同学你好!

代码效果实现的是正确的

如果帮助到了你 欢迎采纳 祝学习愉快~

0

0 学习 · 40143 问题

查看课程