老师，麻烦看下
来源：2-7 编程练习
the_dreamhigh
2020-08-07 07:55:58
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{
padding:0;
margin:0;
}
.wrapper{
width:948px;
height:800px;
margin:0 auto;
}
h2{
font-family:"times new roman";
text-align:center;
text-transform:uppercase;
padding:10px 0;
word-spacing:0.5em;
}
img{
display:block;
}
dl{
float:left;
padding:0 24px;
}
dl dd{
padding:2px 0;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="wrapper">
<h2>enjoy the life</h2>
<dl>
<dt>
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg" />
</dt>
<dd>
Today I'll talk about our life. Do you enjoy your life? <br />Someone would say 'yes', but someone would say 'no' .<br /> During the winter vacation, I ...
</dd>
</dl>
<dl>
<dt>
<img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg" />
</dt>
<dd>
Today I'll talk about our life. Do you enjoy your life? <br />Someone would say 'yes', but someone would say 'no' .<br /> During the winter vacation, I ...
</dd>
</dl>
</div>
</body>
</html>
1回答
-
好帮手慕星星
2020-08-07
同学你好，代码布局以及实现效果很棒。继续加油，祝学习愉快！
0
相似问题