120 lines
4.9 KiB
HTML
120 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<link rel="stylesheet" href="../上课练习/css/clear.css">
|
||
<link rel="stylesheet" href="../上课练习/css/public.css">
|
||
<link rel="stylesheet" href="./css/douban.css">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="main hidden">
|
||
<!-- 左 -->
|
||
<div class="hot">
|
||
<!-- 上 -->
|
||
<div class="hot-t">
|
||
<div>热点内容 · · · · · ·</div>
|
||
<a href="">（ 更多 ）</a>
|
||
</div>
|
||
<!-- 下 -->
|
||
<div class="hot-b">
|
||
<!-- 左图集 -->
|
||
<ul class="picture">
|
||
<li>
|
||
<img src="https://img3.doubanio.com/view/photo/albumcover/public/p2871391040.webp" alt="">
|
||
<a href="">辣团和南山の漫画</a>
|
||
<span>64张照片</span>
|
||
</li>
|
||
<li>
|
||
<img src="https://img1.doubanio.com/view/photo/albumcover/public/p2867343799.webp" alt="">
|
||
<a href="">花痴</a>
|
||
<span>304张照片</span>
|
||
</li>
|
||
<li>
|
||
<img src="https://img1.doubanio.com/view/photo/albumcover/public/p2867343799.webp" alt="">
|
||
<a href="">花痴</a>
|
||
<span>304张照片</span>
|
||
</li>
|
||
<li>
|
||
<img src="https://img3.doubanio.com/view/photo/albumcover/public/p2871391040.webp" alt="">
|
||
<a href="">辣团和南山の漫画</a>
|
||
<span>64张照片</span>
|
||
</li>
|
||
</ul>
|
||
<!-- 右list -->
|
||
<ul class="list">
|
||
<li class="one">
|
||
<a href="">一名平凡读者的买书总结</a>
|
||
<div>JrKgRn的日记</div>
|
||
<p>从小家教比较严格，高中之前几乎杜绝了一切电子产品，没有手机，也没有电脑，去同学家玩还要胆战心惊。好处是读书几乎成为了唯一的娱乐，买书从来不会被限制，坏处是，小镇...</p>
|
||
</li>
|
||
<li>
|
||
<a href="">媒介蒙太奇 之 观看奥运</a>
|
||
</li>
|
||
<li>
|
||
<a href="">根据真实案件改编的悬疑小说：死去的人，真的会为了复仇而活过来吗？</a>
|
||
</li>
|
||
<li>
|
||
<a href="">男友为我过生日没花一分钱，该不该分手？</a>
|
||
</li>
|
||
<li>
|
||
<a href="">男友为我过生日没花一分钱，该不该分手？</a>
|
||
</li>
|
||
<li>
|
||
<a href="">男友为我过生日没花一分钱，该不该分手？</a>
|
||
</li>
|
||
<li>
|
||
<a href="">男友为我过生日没花一分钱，该不该分手？</a>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 右 -->
|
||
<div class="topic">
|
||
<!-- 广告 -->
|
||
<img src="https://img9.doubanio.com/view/dale-online/dale_ad/public/f60b6f97b5e9f6c.jpg" alt="">
|
||
<!-- 下 -->
|
||
<div class="topic-b">
|
||
<!-- 热门话题 -->
|
||
<div class="title">
|
||
<div>热门话题 · · · · · ·</div>
|
||
<a href="">（ 去话题广场 ）</a>
|
||
</div>
|
||
<!-- 下 -->
|
||
<ul>
|
||
<li>
|
||
<a href="">你记忆中的粽子味道</a>
|
||
<span>1.5万次浏览</span>
|
||
</li>
|
||
<li>
|
||
<a href="">你记忆中的粽子味道</a>
|
||
<span>1.5万次浏览</span>
|
||
</li>
|
||
<li>
|
||
<a href="">你记忆中的粽子味道</a>
|
||
<span>1.5万次浏览</span>
|
||
</li>
|
||
<li>
|
||
<a href="">你记忆中的粽子味道</a>
|
||
<span>1.5万次浏览</span>
|
||
</li>
|
||
<li>
|
||
<a href="">你记忆中的粽子味道</a>
|
||
<span>1.5万次浏览</span>
|
||
</li>
|
||
<li>
|
||
<a href="">你记忆中的粽子味道</a>
|
||
<span>1.5万次浏览</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |