Vs Code----手写网页CCTV2专题报道

Baekhyunljy

于 2024-05-15 08:40:00 发布

阅读量222

点赞数 8

文章标签： css css3 前端 html edge

本文链接：https://blog.csdn.net/m0_65456086/article/details/138889590

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
    div,dl,dt,dd,p{
        margin: 0px;
        padding: 0px; 
    }
    #container{
        width: 730px;
        height: 550px;
        background: url(adver-01.jpg) left center no-repeat;
        border: 1px solid black;
        overflow: hidden;
        margin: 0px auto;

    }
    .a{
        overflow:hidden;
        margin-top: 80px;
    }
    dt{
        float:left;
        margin-right: 20px;
    }
    .a dl{
        margin-left: 50px;
    }
    p{
        font-size: 15px;
    }
    .d{
        margin-bottom: 10px;
    }
    .b{
        margin-left: 50px;
        overflow: hidden;
        width: 550px;
        height: 145px;
        background-color: white;
        border: 1px solid black;
    }
    .c{
        margin-left: 50px;
        overflow: hidden;
        width: 450px;
        height: 145px;
        background-color: white;
        border: 1px solid black;
        position: relative;
        left: 150px;
        bottom: 10px;
    }
    .d{
        color: red;
    }
    </style>
</head>
<body>
    <div id="container">
        <div class="a">
            <dl>
                <dt><img src="adver-02.jpg" alt=""></dt>
                <dd>
                    <p>2009年春节期间,中央电视台财经频道《经济半小时》栏目重磅推出春节特别节目“2009民生报告”,通过小人物的真实故事回顾2009热点民生话题。在2010年2月20日播出的“2009民生报告（七），安身立业”中,将目光聚焦农村进城务工人员的新生代——80后、90后农民工，其中重点讲述了北大青鸟学员
                        <span class="d">王洪贤、胡梅方</span>的成长经历。</p>
                    <input type="image" src="btn-01.gif">
                </dd>
            </dl>
        </div>
        <div class="b">
            <dl>
                <dt><img src="adver-03.jpg" alt=""></ldt>
                    <dd>
                        <p><span class="d">王洪贤</span>,北大青鸟APTECH授权培训中心学员,来自江西九江。为生计所迫,随父亲到北京打工。来到北大青鸟后,王洪贤慢慢恢复了对自己前途的信心。现在，王洪贤已经成为北京一家大型技术服务公司的网络工程师。</p>
                    </dd>
                </dl>
            </div>
            <div class="c">
                <dl>
                    <dt><img src="adver-04.jpg" alt=""></dt>
                    <dd>
                        <p><span class="d">胡梅方</span>,北大青鸟APTECH授权培训中心学员,来自湖北襄樊。经过在北大青鸟系统的职业技能培训,胡梅方成为深圳一家信息企业的专业IT网络工程师。</p>
                </dd>
            </dl>
        </div>
    </div>
</body>
</html>