61,110
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>无标题文档</title>
<style type="text/css">
body{margin:0; background:#FFF}
.viewBack{position:absolute; font-size:100px; color:#6B90DA; font-weight:bold; text-align:left; top:0; left:0; height:600px; line-height:600px; width:200px; cursor:pointer; display:block; z-index:100 }
.viewBack a,.viewBack a:visited{display:block; font-size:100px; text-decoration:none; color:#6B90DA;}
.viewBack a:hover{font-size:110px; color:#6B90DA!important; text-decoration:none}
.viewForward{ position:absolute; font-size:100px; color:#6B90DA; font-weight:bold; text-align:right; top:0; right:0; height:600px; line-height:600px; width:200px; cursor:pointer; display:block;z-index:100}
.viewForward a,.viewForward a:visited{display:block; font-size:100px; text-decoration:none; color:#6B90DA;}
.viewForward a:hover{font-size:110px; color:#6B90DA!important; text-decoration:none;}
</style>
</head>
<body>
<div style="position:relative; margin:0 auto; width:960px;">
<div style="text-align: center; width:800px; margin:0 auto; position:relative; z-index:1">
<img style="margin:auto; display:block" src="http://www.deskcity.com/picture/image_url/58150/FGHJ_47020.jpg" title="5654" alt="444" width="800" height="600" border="0">
</div>
<span class="viewBack"><a href="#" title="上一张">< </a></span>
<span class="viewForward"><a href="#" title="下一张"> ></a></span>
</div>
</body>
</html>