老师,这样对吗

来源:2-7 编程练习

Mr学

2019-05-23 23:09:46

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">	
	<title>CSS布局</title>
	<style type="text/css">
/*此处写代码*/
	*{margin:0;padding:0;}	
	dl{width:1000px;margin:0 auto;}
	dt{text-align:center;padding:20px;font-size:25px;font-family:"宋体";font-weight: bold;}
	.con{width:426px;display:block;float:left;margin-left:50px;}
	.con p{font-size: 16px;font-weight: bold;word-spacing: 5px;}
	</style>
</head>
<body>
	<!-- 此处写代码 -->
	<dl>
	    <dt>ENJOY THE LIFE</dt>
	    <dd class="con">
	        <img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg">
	        <p>Life is like a book,just read more and more refined, more write more carefully. When read, mind open, all things have been indifferent to heart. Life is the precipitation.</p>
	    </dd>
	    <dd class="con">
	        <img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg">
	        <p>Life is like a book,just read more and more refined, more write more carefully. When read, mind open, all things have been indifferent to heart. Life is the precipitation.</p>
	    </dd>
	</dl>
</body>
</html>


写回答

1回答

好帮手慕夭夭

2019-05-24

你好同学,结构布局不太合理。整个布局应该分为两部分,最上面的为标题,要是要标题标签,下面的部分是两组图片,所以要是要两个dl更好

http://img.mukewang.com/climg/5ce7642f00014a5505280249.jpg

参考如下:

http://img.mukewang.com/climg/5ce7657300016ae215390559.jpg

因为结构变化,样式要调整:

http://img.mukewang.com/climg/5ce7661e00012e6409400801.jpg

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程