请老师点评
来源:4-12 编程练习
炙零
2019-04-28 23:13:56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Demo</title>
<style type="text/css">
div{
margin:0;
padding: 0;
border: 1px;
border-style: solid;
border-color: silver;
box-sizing: border-box;
}
#father{
width: 800px;
height: 385px;
border-style: dotted;
}
img{
vertical-align: bottom;
padding-bottom: 3px;
}
#father>div{
float: left;
margin-left: 18px;
margin-top: 18px;
padding-bottom: 3px;
}
</style>
</head>
<body>
<div id="father">
<div id="son1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/><br>
<table>欢迎来到慕课网学习新知识!</table>
</div>
<div id="son2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/><br>
<table>欢迎来到慕课网学习新知识!</table>
</div>
<div id="son3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/><br>
<table>欢迎来到慕课网学习新知识!</table>
</div>
<div id="son4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/><br>
<table>欢迎来到慕课网学习新知识!</table>
</div>
<div id="son5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/><br>
<table>欢迎来到慕课网学习新知识!</table>
</div>
<div id="son6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/><br>
<table>欢迎来到慕课网学习新知识!</table>
</div>
</div>
</body>
</html>
1回答
芝芝兰兰
2019-04-29
同学你好。经测试,同学的代码是正确的。效果理想!
棒棒的~再接再厉哦~
祝学习愉快~
相似问题