请老师点评

来源: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

同学你好。经测试,同学的代码是正确的。效果理想!

棒棒的~再接再厉哦~

祝学习愉快~


0

0 学习 · 9666 问题

查看课程