3-2 编程练习 ,麻烦老师检查一下有问题吗
来源:3-2 编程练习
qq_皘児吆嬈_0
2017-11-29 10:48:48
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<meta charset="UTF-8">
<title></title>
<style type=text/css>
*{
margin:0px;
padding:0px;
}
.big{
width:790px;
height:auto;
border:1px solid #DDD;
overflow:hidden;
zoom:1;
}
.one{
width:240px;
margin:10px;
border:1px solid #DDD;
float:left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="big">
<div class="one">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt=""/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" alt=""/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" alt=""/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt=""/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" alt=""/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" alt=""/>
<p>欢迎来到慕课网学习新知识!</p>
</div>
</div>
</body>
</html>
1回答
你好,整体实现不错,还有一点,大盒子的宽度可以在调整下哦,一个小盒子的宽度是262(包括内外边距与边框),一行三个,即:262*3 = 786,所以大盒子的宽度可以调整为786px哦。
祝学习愉快~
相似问题