lovecoding
/
W0407


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
							<!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>
        #box {
            width: 450px;
            height: 830px;
            border: 4px solid green;
        }

        #part1 {
            width: 100%;
            height: 520px;
        }

        #part1 #top {
            width: 100%;
            height: 30px;
            line-height: 30px;
            background: #ccc;
            font-weight: 600;
        }

        #part1 #top span {
            font-size: 14px;
            color: rgb(109, 131, 242);
        }

        #part1 #main #content1 {
            width: 100%;
        }

        #part1 #main #content1 h3 {
            color: orange;
        }

        #part1 #main #content1 h3 span {
            color: rgb(109, 131, 242);
        }

        #part1 #main #content1 p {
            color: #ccc;
            font-size: 14px;
            text-indent: 2em;
        }

        #part1 #main #content1 ul li span {
            color: rgb(109, 131, 242);
        }

        #part1 #bottom {
            width: 100%;
            height: 72px;
        }

        #part1 #bottom img {
            width: 100%;
            height: 100%;
        }

        #part2 {
            width: 100%;
            height: 310px;
        }

        #part2 #top {
            width: 100%;
            height: 25px;
            line-height: 25px;
            color: rgb(109, 131, 242);
            background: #eee;
            border-top: 2px solid #000;
            border-bottom: 1px dashed #000;
            text-indent: 10px;
            font-size: 14px;
            font-weight: bold;
        }
        #part2 #bottom #title {
            width: 100%;
            height: 40px;
            font-weight: bold;
        }
        #part2 #bottom #title img{
            width: 40px;
            height: 40px;
        }
        #part2 #bottom #content2 {
            width: 100%;
            text-indent: 2em;
        }
    </style>
</head>

<body>
    <div id="box">
        <div id="part1">
            <div id="top">
                出行风向标<span>更多>></span>
            </div>
            <div id="main">
                <div id="content1">
                    <h3>节日独享:<span>在他多过大年，体验别样年味</span></h3>
                    <p>距高春节血来心近了，过年的气慰已经在空气中开始弥悉，辛勤忙楼了一年，想给自己放个假，从忙不完的工作生活中解说出来…</p>
                    <ul>
                        <li>深院出游:<span>给客20000元奖金,相被会的人</span></li>
                        <li>深院出游:<span>给客20000元奖金,相被会的人</span></li>
                        <li>深院出游:<span>给客20000元奖金,相被会的人</span></li>
                    </ul>
                </div>
                <div id="content1">
                    <h3>节日独享:<span>在他多过大年，体验别样年味</span></h3>
                    <p>距高春节血来心近了，过年的气慰已经在空气中开始弥悉，辛勤忙楼了一年，想给自己放个假，从忙不完的工作生活中解说出来…</p>
                    <ul>
                        <li>深院出游:<span>给客20000元奖金,相被会的人</span></li>
                        <li>深院出游:<span>给客20000元奖金,相被会的人</span></li>
                        <li>深院出游:<span>给客20000元奖金,相被会的人</span></li>
                    </ul>
                </div>
            </div>
            <div id="bottom">
                <img src="./images/2.jpg" alt="">
            </div>
        </div>
        <div id="part2">
            <div id="top">
                深度观察
            </div>
            <div id="bottom">
                <div id="title">
                    <img src="./images/3.jpg" alt="">
                    脉荫而归de球叹洇
                </div>
                <br>
                <div id="content2">
                    犹记得小时候，北风呼啸，晚自习结束之后，对于制骗的恐惧面献那一更灯光才放博脚步。小时候的记它大多已机，而在放学里。
                </div>
                <div id="content2">
                    犹记得那一年，我和闻宝来到自己梦深已久的这个城市，穿幻:外国街头的改色中，人来人往穿你织逊，一轮明月渐渐升超然回首:一双思闪忽网的大报精像今夜酸美绩拍灯光在进处向我门的偏爱，让我们走在了一起。
                </div>
                <div id="content2">
                    从此，只要有时问就喜欢到多村、田野，所林，古请主主疲督的身心得到放松、让空虚的大脑得以充实。
                </div>
            </div>
        </div>
    </div>
</body>

</html>