SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<!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>
        body{
  width:auto;
  height:auto;
  background-color:white;
}
#box1{
  width:1300px;
  height:800px;
  background-color:#e4e2de
}
#box2{
  width:100px;
  height:30px;
  padding:30px 0 0 150px;
}
    </style>
</head>
<body>
          <div id="box1">
              <h2><a href="#">豆瓣时间</a></h2>
          </div>

          <div id="box2">
          <h2>热门专栏
                  &nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;&nbsp;&middot;
                  <span class="pl">&nbsp;(<a href="#">更多</a>) </span>
          </h2>
        </div>
    <ul class="time-list">
        <li>
                <img src="https://img3.doubanio.com/dae/niffler/niffler/images/eb08fc6c-7348-11ea-afb6-5a5bcc9605bf.jpg">
            <a href="#">爱我，请先懂我——纽约大学艺术治疗师的儿童心理成长课</a> 
            <span class="type">音频专栏</span>
        </li>

        <li>
                <img src="https://img1.doubanio.com/dae/niffler/niffler/images/7df08276-6cea-11ea-b1b3-fea672b52f7a.jpg">
            </a>
            <a href="#">罪恶的背后——人人必修的60堂犯罪心理学</a>
            <span class="type">音频专栏</span>
        </li>

        <li>
                <img src="https://img9.doubanio.com/dae/niffler/niffler/images/8e457bfe-5872-11ea-916d-4e50984eeed6.jpg">
            <a href="#">用性别之尺丈量世界——18堂思想课解读女性问题</a>
            <span class="type">音频专栏</span>
        </li>

        <li>
                <img src="https://img1.doubanio.com/dae/niffler/niffler/images/a4283c6c-5f80-11ea-b2da-560baafd962b.jpg">
            <a href="#">微电影剧作——如何在剧作中运用观众心理学</a>
            <span class="type">视频专栏</span>
        </li>

        <li>
                <img src="https://img9.doubanio.com/dae/niffler/niffler/images/0b1c1886-4cb1-11ea-a5fc-ce0829b4ff74.jpg">
            <a href="#">电影产业破壁课——13小时重塑电影世界观</a>
            <span class="type">视频专栏</span>
        </li>

        <li>
                <img src="https://img9.doubanio.com/dae/niffler/niffler/images/bc181fca-48da-11ea-af67-8ac79e38c4d6.jpg">
            <a href="#">不准无聊！精品大师课免费放送</a>
            <span class="type">音频专栏</span>
        </li>

        <li>
                <img src="https://img9.doubanio.com/dae/niffler/niffler/images/f3573202-3389-11ea-81ed-3e551a2d8b14.jpg">
            <a href="#">懂得这些再去穿越——古代天文学里的星空密码</a>
            <span class="type">音频专栏</span>
        </li>

        <li>
                <img src="https://img1.doubanio.com/dae/niffler/niffler/images/1e2b0994-3048-11ea-a399-7e2d6adf2897.jpg">
            <a href="#">收获一生之书——马家辉解读影响人生的24部文学经典</a>
            <span class="type">音频专栏</span>
        </li>

        <li>
                <img src="https://img1.doubanio.com/dae/niffler/niffler/images/4895050e-1806-11ea-9b64-e268fb40b1fc.jpg">
            <a href="#">我同世界交流的方式——顶级纪录片导演创作分享课 </a>
            <span class="type">音频专栏</span>
        </li>

        <li>
                <img src="https://img1.doubanio.com/dae/niffler/niffler/images/83562b1c-15bf-11ea-93de-6a7cfd3c1b1c.jpg">
            <a href="#">掌控人生剧本——12堂改变命运的思维课</a>
            <span class="type">音频专栏</span>
        </li>
    </ul>
</body>
</html>