| <html> | |
| <head> | |
| <style type="text/css"> | |
| *{ margin: 0; padding: 0; font: 12px "宋体"; overflow: hidden; } | |
| .clear{ clear: both; width: 0; height: 0; } | |
| body{ background: #F8F8F8;} | |
| .header{width: 942px; margin: 12px auto 0 auto;} | |
| .header .logo{ background: url(logo.png) no-repeat; float: left; width: 171px ; height: 115px;} | |
| .header dl{ float: left; margin: 0 0 0 29px; width: 742px; text-align: right; } | |
| .header dt{ height: 63px;} | |
| .header dt span{color: orange;} | |
| .header dd ul{ height: 65px;} | |
| .header dd li{ float: left; width: 92px; margin: 20px 0 0 0;} | |
| .header dd li a{font-size: 15px; color: black; text-decoration: none;} | |
| .header dd li a:hover{ color: orange; text-decoration: underline;} | |
| </style> | |
| </head> | |
| <body> | |
| <div class="header"> | |
| <div class="logo"></div> | |
| <dl> | |
| <dt>梅超置业服务热线：<span>+86-(0)21-61036717</span></dt> | |
| <dd> | |
| <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> | |
| <li><a href="#">新盘新盘</a></li> | |
| </ul> | |
| </dd> | |
| </dl> | |
| <div class="clear"></div> | |
| </div> | |
| <div class="main"></div> | |
| <div class="footer"></div> | |
| </body> | |
| </html> |
<html>
<head>
<style type="text/css">
*{ margin: 0; padding: 0; font: 12px "宋体"; overflow: hidden; }
.clear{ clear: both; width: 0; height: 0; }
body{ background: #F8F8F8;} .header{width: 942px; margin: 12px auto 0 auto;}
.header .logo{ background: url(logo.png) no-repeat; float: left; width: 171px ; height: 115px;}
.header dl{ float: left; margin: 0 0 0 29px; width: 742px; text-align: right; }
.header dt{ height: 63px;}
.header dt span{color: orange;}
.header dd ul{ height: 65px;}
.header dd li{ float: left; width: 92px; margin: 20px 0 0 0;}
.header dd li a{font-size: 15px; color: black; text-decoration: none;}
.header dd li a:hover{ color: orange; text-decoration: underline;}
</style>
</head>
<body>
<div class="header">
<div class="logo"></div>
<dl>
<dt>梅超置业服务热线：<span>+86-(0)21-61036717</span></dt>
<dd>
<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>
<li><a href="#">新盘新盘</a></li>
</ul>
</dd>
</dl>
<div class="clear"></div>
</div> <div class="main"></div> <div class="footer"></div>
</body>
</html>