老师，请问代码对吗？感觉好像和题目要求的图片之间的空隙不太一样？
来源：2-7 编程练习
慕勒8522502
2019-05-23 05:09:32
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2-7CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{
padding:0;
margin:0;
}
.main{
width:1000px;
margin:0 0 0 100px;
}
.main .topic{
font-size:60px;
font-weight: bold;
text-align:center;
}
.main .left, .main .right{
float:left;
width:50%;
font-size:20px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="main">
<div class="topic">ENJOY THE LIFE</div>
<div class="left">
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg" >
<div class="word1">Life is like a book, just read more and more<br/> refined, more write more carefully. When read, <br/>mind open, all things have been indifferent to<br/> heart. Life is the precipitation.</div>
</div>
<div class="right">
<img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg" >
<div class="word2">Life is like a cup of tea, let people lead a<br/>person to endless aftertastes. You again good<br/> taste, it will always have a different taste,<br/>different people will have different taste<br/> more.</div>
</div>
</div>
</body>
</html>
1回答
-
同学你好，代码是符合练习要求的，如果想要图片之间的间距小一些，在同学所写的代码中把左右两部分的宽度改小也可以实现。
如果帮助到了你，欢迎采纳~
0
相似问题