这是我个人设计的一个网页封面,是静态的页面
html文件
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的书屋</title>
<link rel="stylesheet" type="text/css" href="index.css">
<link href="images/logo.jpg" rel="shortcut icon" /> <!--网页logo-->
</head>
<body>
<div class="header">
<div class="h_1">我的书屋</div>
<div class="h_2">
<span class="search_1"><img src="images/search1.png" width="35" height="35" /></span>
<input type="text">
<a href=""><span class="search_2">搜索</span></a>
</div>
<div class="h_3">
<a href="">登录</a> or <a href="">注册</a> <img src="images/ll.jpg" width="20" height="20" /><a href="">喜爱</a>
</div>
</div>
<div class="menu">
<div class="m_1">图书 & 电子书</div>
<div class="m_2">
<ul>
<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="goods">
<div class="g_1">
<img src="images/left_11[1].jpg" width="253" height="430"/>
<ul>
<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>