老师,帮忙看一下
来源:4-12 编程练习
慕用6234762
2019-12-11 00:19:24
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<meta charset="utf-8" />
<title> 123</title>
<style type="text/css">
#father{
width: 876px;
border: 1px dashed darkgray;
height: 456px;
/* background: red; */
}
div div{
margin: 25px;
float: left;
border: 1px solid darkgray;
}
p{
line-height: 5px;
}
</style>
</head>
<body>
<div id="father">
<div>
<img src="image/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="image/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="image/590fe982000150ba02400135%20(1).jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="image/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="image/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div>
<img src="image/590fe982000150ba02400135%20(1).jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
</div>
</body>
</html>1回答
好帮手慕阿满
2019-12-11
同学你好,同学的代码整体完成的不错,但是还有一些小地方需要注意:
1、给p标签设置行高line-height为5px不合理。这里可以给p标签设置line-height为30px,然后设置margin:0去除p标签的margin等。
2、上下两个div之间应该是一个margin的距离,建议同学可以设置margin-top,而不是设置整个margin。
如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~
相似问题