首页

<!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=utf-8" />
<title>无标题文档</title>
<style>
*{ margin:0; padding:0; border:0; list-style:none;}
#content{ width:1000px; height:800px; margin:0 auto; }
#head{ height:190px; background:url(images/header.jpg); position:relative;}
#main{ height:550px; background:#FF9B37;}
#foot{ height:60px; background:url(images/footer.jpg);}
#nav1{ width:800px; height:30px; position:absolute; top:148px; left:100px;}
.left{ width:750px; height:550px; float:left;}
.right{ widows:250px; height:550px; float:left;}
.left1{ width:350px; height:272px; float:left; position:relative; overflow:hidden;}
.left2{ width:395px; height:40px; background:url(images/title.jpg); float:left; margin-left:5px}
.left3{ width:395px; height:232px; background:#FFC; float:left; margin-bottom:5px; margin-left:5px;}
.left4{ width:350px; height:40px; background:url(images/title.jpg); float:left; margin-right:5px;}
.left5{ width:395px; height:40px; background:url(images/title.jpg); float:left;}
.left6{ width:350px; height:230px; background:#F90; float:left; margin-right:5px;}
.left7{ width:395px; height:230px; background:#F90; float:left;}
#nav1 ul li{ width:98px; height:28px; border:1px double #FFFF42; float:left; text-align:center; line-height:28px;}
#nav1 ul li a{ width:100px; height:28px; text-decoration:none; display:block; color:#FFF;}
#nav1 ul li a:hover{ color:#069; background:#F60; border-radius:15px; font-weight:bold; font-family:"楷体";}
.lunbo{ position:absolute; width:1400px; animation:lb 8s ease-in-out infinite alternate;}
.lunbo img{ float:left;}
@keyframes lb{
0%,20%{ margin-left:0;} 30%,50%{ margin-left:-350px;}
60%,80%{ margin-left:-700px;} 90%,100%{ margin-left:-1050px;}
}
.title{ font-size:14px; font-weight:bold; color:#9c6193; padding-left:40px; padding-top:15px; float:left;}
.more{ font-size:12px; padding-top:20px; float:right;}
.more a{ color:#e65810; text-decoration:none;}
.left3 ul li{ font-size:12px; line-height:21px; float:left; width:395px; background:url(images/dian.jpg) no-repeat 25px 5px;}
.left3 ul li .news{ padding-left:40px; float:left;}
.left3 ul li .news a{ color:#000; text-decoration:none;}
.left3 ul li .date{ padding-right:10px; float:right;}
</style>
</head>

<body>
<div id="content">
<div id="head">
<nav id="nav1">
<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>
<li><a href="#">奥运导航</a></li>
<li><a href="#">奥运导航</a></li>
</ul>
</nav>
</div>
<div id="main">
<div class="left">
<div class="left1">
<div class="lunbo">
<img src="images/lunbo1.jpg" /><img src="images/lunbo2.jpg" />
<img src="images/lunbo3.jpg" /><img src="images/lunbo4.jpg" />
</div>
</div>
<div class="left2">
<span class="title">最新新闻</span><span class="more">更多...</span>
</div>

<div class="left3">
<ul>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
<li><span class="news"><a href="#">哈哈哈</a></span><span class="right_date">2007-07-16</span></li>
</ul>
</div>

<div class="left4"></div>
<div class="left5"></div><div class="left6"></div><div class="left7"></div>
</div>
<div class="right">
<table width="240" style="border:1px solid#000" align="center" border:1px >
<tr>
<td colspan="2" align="center" >用户注册</td>

</tr>
<tr>
<td>用户名：</td>
<td><input name="yhm" type="text" size="18" /></td>
</tr>
<tr>
<td>密码：</td>
<td><input name="mima" type="mima" size="18" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="注册" /></td>

</tr>
</table>


</div>
</div>
<div id="foot"></div>
</div>
</body>
</html>

posted @ 2017-01-08 16:57  西域大名流  阅读(126)  评论(0)    收藏  举报