老师,请问我的代码有问题吗?
来源:3-4 编程练习
weixin_慕标3013322
2019-09-05 14:03:36
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<title>hyqtest</title>
<style>
*{
margin:0;
padding:0;
}
.main{
width:790px;
height:360px;
padding:10px 10px;
border:1px dashed #D3D3D3;
overflow:hidden;
zoom:1;
}
.part1{
margin:10px 10px;
border:1px solid #D3D3D3;
float:left;
}
.part2{
margin:10px 10px;
border:1px solid #D3D3D3;
float:left;
}
.part3{
margin:10px 10px;
border:1px solid #D3D3D3;
float:left;
}
.part4{
margin:10px 10px;
border:1px solid #D3D3D3;
float:left;
clear:left;
}
.part5{
margin:10px 10px;
border:1px solid #D3D3D3;
float:left;
}
.part6{
margin:10px 10px;
border:1px solid #D3D3D3;
float:left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class=main>
<div class=part1>
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class=part2>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class=part3>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class=part4>
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class=part5>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class=part6>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
</div>
</body>
</html>
1回答
好帮手慕嘟嘟
2019-09-05
同学你好,
老师运行了你的代码,效果是正确的,继续努力哦~
如果我的回答帮助了你,欢迎采纳,祝学习愉快~
相似问题