老师请检查
来源：2-7 编程练习
Aurora_Meteor
2020-02-22 12:56:55
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
* {
margin: 0;
padding: 0;
}
.title {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
.container{
width: 1000px;
height: 400px;
margin: 0 auto;
}
.pic {
width: 425px;
float: left;
margin: 10px 0 0 50px;
font-size: 15px;
font-weight: bold;
}
.pic img {
width: 100%;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="title">
ENJOY THE LIFE
</div>
<div class="container">
<div class="pic">
<dl>
<dt>
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg">
</dt>
<dd>
dawa wfjlgs agglieghl ef ise hlifli li fe , esf e .f esz f. z fe g skgel jg jell j eh ihe skfj
ijfjioi hiofhhei hfi sonef fh uofh isz nfihfh zsoiof sio fi shfi ief izi jfio zjei fj peifjpi esjfi
jseepi fhpis hfi hi is fp ispzi
</dd>
</dl>
</div>
<div class="pic">
<dl>
<dt>
<img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg">
</dt>
<dd>
dawa wfjlgs agglieghl ef ise hlifli li fe , esf e .f esz f. z fe g skgel jg jell j eh ihe skfj
ijfjioi hiofhhei hfi sonef fh uofh isz nfihfh zsoiof sio fi shfi ief izi jfio zjei fj peifjpi esjfi
jseepi fhpis hfi hi is fp ispzi sonef fh uofh isz nfihfh zsoiof sio fi shfi ief izi jfio zjei fj
peifjpi esjfi jseepi fhpis hfi hi is fp ispzi
</dd>
</dl>
</div>
</div>
</body>
</html>
1回答
-
同学你好，代码实现的正确。不过标题使用一个h3标签更好，标题标签有自带加粗效果，就不需要自己设置加粗样式了。如下：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题