请问这样写ok么?
来源：2-7 编程练习
等吃糖葫芦的阿狸
2019-09-04 09:20:43
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{margin: 0;padding: 0}
.container{
width: 800px;
margin: 0 auto;
}
h4{
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
}
.container dl dt img{
width: 300px;
}
.container .pic01 {
width: 300px;
float: left;
margin: 0 33px 10px 65px;
}
.container .pic02 {
width: 300px;
float: left;
margin: 0 65px 10px 33px;
}
.clear{
clear: both;
}
.container .pic01 dd
{
font-size: 14px;
font-weight: bold;
font-family: "微软雅黑";
}
.container .pic02 dd{
font-size: 14px;
font-weight: bold;
font-family: "微软雅黑";
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>
<div class="container">
<h4>ENJOY THE LIFE</h4>
<div>
<div class="pic01">
<dl>
<dt><img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg"></dt>
<dd>ENJOY THE LIFE ENJOY THE LIFEENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE</dd>
</dl>
</div>
<div class="pic02">
<dl >
<dt><img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg"></dt>
<dd>ENJOY THE LIFE ENJOY THE LIFEENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE ENJOY THE LIFE </dd>
</dl>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕慕子
2019-09-04
同学你好， 这样写是可以的， 继续加油哦
欢迎采纳，祝学习愉快~~~
0
相似问题