87 lines
2.8 KiB
HTML
87 lines
2.8 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>baidu</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3446945_6e2tvlyr185.css">
|
|
<link rel="stylesheet" href="../上课练习/css/clear.css">
|
|
<link rel="stylesheet" href="../上课练习/css/public.css">
|
|
<link rel="stylesheet" href="./css/baidu.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="main ">
|
|
<!-- 上 -->
|
|
<div class="title ">
|
|
<!-- 左图 -->
|
|
<img class="logo "
|
|
src="https://dss2.bdstatic.com/5bVYsj_p_tVS5dKfpU_Y_D3/res/r/image/2021-3-4/hao123%20logo.png" alt="">
|
|
<!-- 搜索框 -->
|
|
<div class="search">
|
|
<div class="input ">
|
|
<ul class="menu">
|
|
<li>
|
|
网页
|
|
<i class="iconfont icon-gengduo "></i>
|
|
<ul class="drop">
|
|
<li>文库</li>
|
|
<li>视频</li>
|
|
<li>图片</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<input type="text" placeholder="请输入">
|
|
</div>
|
|
<div class="baidu">百度一下</div>
|
|
</div>
|
|
<!-- 右 -->
|
|
<ul class="title-r">
|
|
<li>
|
|
<a>美国三天发生300多起枪击事件</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 下 -->
|
|
<div class="hot">
|
|
<ul class="hot-t">
|
|
<li>
|
|
<a href="">
|
|
一夜过去雅安地震情况怎么样？
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
一夜过去雅安地震情况怎么样？
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
一夜过去雅安地震情况怎么样？
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="hot-b">
|
|
<li>
|
|
<a href="">
|
|
一夜过去雅安地震情况怎么样？
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
一夜过去雅安地震情况怎么样？
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
一夜过去雅安地震情况怎么样？
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |