请老师检查一下，谢谢！
来源：2-5 编程练习
慕斯卡7334333
2019-10-23 21:44:26
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IMOOC</title>
<style>
*{margin:0;padding:0;border:none;}
.main{width:1200px;height:473px;margin:34px auto 0;}
.main h1{font-size:30px;font-weight:lighter;margin-bottom:23px;}
.main h1 > samp{font-size:30px;color:#7c7c7c7c;}
.main > aside{float:left;width:450px;}
.main > article{float:right;width:720px;overflow:hidden;}
.main > aside > dl{position:relative;display:block;height:74px;margin-bottom:17px;}
.main > aside > dl > dt{position:absolute;top:-1px;left:92px;font-size:16px;font-weight:bold;line-height:16px;text-decoration:underline;}
.main > aside > dl > span{display:inline-block;position:absolute;left:20px;z-index:2;font-size:20px;color:white;top:11px;}
.main > aside > dl > dd:first-of-type{position:absolute;left:0;}
.main > aside > dl > dd:last-of-type{position:absolute;top:20px;left:90px;}
.main > article > img {width:85%;height:180px;}
.main > article > p,.main > article > img{margin-bottom:20px;}
</style>
</head>
<body>
<section class="main">
<aside>
<h1>Recent <samp>Course</samp></h1>
<dl>
<dt>Hyper TextMarkup Language</dt>
<span>1</span>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"></dd>
<dd>HTML is the standard markup language used to create web pages and its elements form the building blocks of all websites.</dd>
</dl>
<dl>
<dt>Hyper TextMarkup Language</dt>
<span>2</span>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"></dd>
<dd>HTML is the standard markup language used to create web pages and its elements form the building blocks of all websites.</dd>
</dl>
<dl>
<dt>Hyper TextMarkup Language</dt>
<span>3</span>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"></dd>
<dd>HTML is the standard markup language used to create web pages and its elements form the building blocks of all websites.</dd>
</dl>
<dl>
<dt>Hyper TextMarkup Language</dt>
<span>4</span>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"></dd>
<dd>HTML is the standard markup language used to create web pages and its elements form the building blocks of all websites.</dd>
</dl>
</aside>
<article>
<h1>Welcome to <samp>Massive Open Online Course</samp></h1>
<p>We provide the latest knowledge to help you cope with the changing world!</p>
<img src="http://climg.mukewang.com/582e61180001ede703300130.jpg">
<p>We hope that all the students who love the Internet can be more convenient access to learning resources, using the Internet thinking to change our learning.</p>
<p>Focus on IT skills education MOOC, consistent with the development trend of the Internet down to earth's MOOC. We are free, we only teach useful, we concentrate on education.</p>
</article>
</section>
</body>
</html>
1回答
-
你好同学，效果实现的不错哦，继续加油，祝学习愉快！
0
相似问题