顶部浮层

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="zh" xmlns="http://www.w3.org/1999/xhtml" lang="zh">
<head>
   <title>页面顶部</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   <link href="css/base.css" rel="stylesheet" type="text/css" />
<style>
body{ margin:0px; padding:0px; width:1280px; background-color:#c0c0c0;}
body,div,dl,dt,dd,h1,h2,h3,h4,form,fieldset,p,th,td,input,textarea{color:#333;font-family:Tahoma,Helvetica,Arial,'宋体',sans-serif;font-size:12px;font-weight:normal;}
img,fieldset{border:0;}
ul,ol,li{list-style:none outside;}
input,textarea{padding:2px; background: #fff; border: 1px solid #ccc;}
input[type^="radio"], input[type^="checkbox"], input[type^="image"] { padding: 0px;border:0; }
input.border0{border:0;}
input.radcheck{border:0;background:none;}
input,select,textarea{vertical-align:middle;}
img{vertical-align:bottom}
a {color:#2f3743;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;color:#ff8282;}
.hidden{display:none;}
.center{text-align:center;}
.clear,.c{clear:both;height:0px;overflow:hidden;}
.hand{cursor:pointer;}
.red{ color:Red;}
.h{ height:20px;}
.b{ font-weight:bold; font-size:14px; line-height:30px; padding-left:45px;}
.g{ color: #84a9ce;}


#top{width:100%; height:30px;position:fixed; z-index: 100; left:0;top:0;margin-top:0;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)); border-bottom:1px solid #e2e2e2;overflow:hidden;background:#f8f5f5;}
#main,#header,.wrap{margin:0 auto;width:1001px; background-color:#ffffff; height:auto;}

.top_tt{ line-height:29px; height:30px; width:1001px; position:relative; margin:0 auto;}
.top-tt img{ vertical-align:middle;}
.top-tt a{padding:0 5px;color:#8090b9;}
.top-tt a:hover{color:#FF6633;}
.top-l{width:500px; position:absolute; left:0;}
.top-r{width:450px;position:absolute; right:0;text-align:right;_padding-top:3px;}
.top-tt .top_fo{color:#2b478f;font-weight:700;}
.top-tt .top_cs{color:#bb1b51;}
</style>

</head>
<body>
   <div id="top">
       <div class="top_tt">
           <div class="top-l">
               <span>
                  <a href="#" target="_self">K12China</a> -
                  <a href="#" target="_self">KC学堂</a> -
                  <a href="#" target="_self">校园部落</a> -
                  <a href="#" target="_self">KC迷城</a> -
                  <a href="#" target="_self">B仔乐园</a> -
                  <a href="#" target="_self">KC论坛</a> -
                  <a href="#" target="_self">KC家长 </a>
                 </span>
           </div>
           <div class="top-r">
            <span><a href="">设为首页</a> | <a href="#">加入收藏</a> | <a href="">QQ客服</a></span>
           </div>
       </div>
   </div>

</body>
</html>

你可能感兴趣的:(sd)