作业4-11
来源:4-11 编程练习
rock221
2021-02-24 10:29:55
<!DOCTYPE html>
<html>
<head>
<title>4-11编程作业</title>
<style type="text/css">
#d0{
width: 800px;
outline: 0.2px dashed grey;
margin: 10px 10px 10px 10px;
padding-left: 20px;
padding-bottom: 20px;
box-sizing: border-box;
}
p{
text-indent: 0.5px;
margin: 0px;
}
div{
outline: 0.2px dashed grey;
float: left;
margin-right: 20px;
margin-top: 20px;
box-sizing: border-box;
}
</style>
</head>
<body>
<div id="d0">
<div id="d1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" ><p>欢迎来到慕课网学习知识!</p>
</div>
<div id="d2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><p>欢迎来到慕课网学习知识!</p>
</div>
<div id="d3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><p>欢迎来到慕课网学习知识!</p>
</div>
<div id="d4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" ><p>欢迎来到慕课网学习知识!</p>
</div>
<div id="d5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><p>欢迎来到慕课网学习知识!</p>
</div>
<div id="d6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><p>欢迎来到慕课网学习知识!</p>
</div>
</div>
</body>
</html>
感觉表格绿色的部分不完成啊,虽然效果一样,但是内部感觉结构不对。
1回答
好帮手慕小尤
2021-02-24
同学你好, 同学的代码没有问题,绿色部分是同学设置的内边距(padding),是没有影响的。并实现布局的方式有很多,并没有强制要求。
祝学习愉快!
相似问题