作业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>

http://img.mukewang.com/climg/6035b9fe09823b5016380812.jpg感觉表格绿色的部分不完成啊,虽然效果一样,但是内部感觉结构不对。

写回答

1回答

好帮手慕小尤

2021-02-24

同学你好, 同学的代码没有问题,绿色部分是同学设置的内边距(padding),是没有影响的。并实现布局的方式有很多,并没有强制要求。

祝学习愉快!

0

0 学习 · 16556 问题

查看课程