这样可以吗？
来源：2-7 编程练习
慕后端9221755
2019-11-17 12:07:27
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{margin: 0;padding: 0;}
.main{
width: 900px;
margin: 0 auto;
}
.title{
text-align: center;
font: bold 25px "宋体";
padding: 30px 0 10px 0;
}
.content{width:830px;margin: 0 auto;}
.content .left{
padding-right: 30px;
}
.content .con{
float: left;
width: 400px;
height: 300px;
font: 16px "微软雅黑";
line-height: 25px;
}
.content .con img{
display: block;
width: 100%;
height: 0 auto;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="main">
<div class="title">ENJOY THE LIFE</div>
<div class="content">
<div class="con left">
<dl>
<dt><img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg"/></dt>
<dd>fdjf djlfdkj f ff fefj fd fdsjfld ajfqiufa fk kfj dajfasj dslajf duiofoids ofudrjkhh dskajhfk dhf dh8cids idfsf dsjj</dd>
</dl>
</div>
<div class="con right">
<dl>
<dt><img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg"/></dt>
<dd>fdjf djlfdkj f ff fefj fd fdsjfld ajfqiufa fk kfj dajfasj dslajf duiofoids ofudrjkhh dskajhfk dhf dh8cids idfsf dsjj</dd>
</dl>
</div>
</div>
</div>
</body>
</html>
1回答
-
樱桃小胖子
2019-11-17
同学你好，效果实现的是可以的，继续加油~
祝学习愉快！
0
相似问题