请老师帮忙检查一下,辛苦

来源:2-5 编程练习

Elisa呀

2019-06-19 00:29:36

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title>IMOOC</title>

<style type="text/css">

    span{color:gray;}

    aside{width:473px;float:left;}

    article{width:715px;float:right;}

    aside dl{position:relative;height:74px;margin-bottom:17px;

    }

    aside dl dt{position:absolute;top:-1px;left:100px;font-size:16px;line-heightL16px;font-weight:bold;text-decoration:underline;}

    aside dl dd:first-of-type{position:absolute;left:0;}

    aside dl dd span{position:absolute;left:20px;top:15px;color:white;}

    aside dl dd:last-of-type{position:absolute;top:20px;left:60px;}

    article img{width:715px;height:200px;}

</style>

</head>

<body>

<section></section>

    <aside>

        <h1>Recent <span>Course</span></h1>

        <dl>

            <dt>Hyper Text Markup Language</dt>

            <dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"><span>1</span></dd>

            <dd>HTML is the standard markup language used to create web pages and its elements form the bulding blocks of all websites.</dd>

        </dl>

        <dl>

            <dt>Hyper Text Markup Language</dt>

            <dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"><span>2</span></dd>

            <dd>HTML is the standard markup language used to create web pages and its elements form the bulding blocks of all websites.</dd>

        </dl>

        <dl>

            <dt>Hyper Text Markup Language</dt>

            <dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"><span>2</span></dd>

            <dd>HTML is the standard markup language used to create web pages and its elements form the bulding blocks of all websites.</dd>

        </dl>

        <dl>

            <dt>Hyper Text Markup Language</dt>

            <dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"><span>4</span></dd>

            <dd>HTML is the standard markup language used to create web pages and its elements form the bulding blocks of all websites.</dd>

        </dl>

    </aside>

    <article>

        <h2>Welcome to <span>Massive Open Online Class</span></h2>

        <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 assess to learning recourse, using the internet thinking to change our learning.

        </p>

        <p>

           We hope that all the students who love the Internet can be more convenient assess to learning recourse, using the internet thinking to change our learning.

        </p>

    </article>

</section>

</body>

</html>


写回答

1回答

好帮手慕糖

2019-06-19

同学你好,1、建议:使用section这个盒子包裹全部的内容,然后设置下固定的宽度,不然会像如下这样,在浏览器的两端,中间留有大量空白。

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

修改如下:

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

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

2、冒号写为了L哦,认真检查下代码。

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

希望能帮助到你,欢迎采纳。

祝学习愉快!

0

0 学习 · 40143 问题

查看课程