| <html> | |
| <head> | |
| <style type="text/css"> | |
| *{ margin: 0; padding: 0; font: 12px "宋体"; overflow: hidden; } | |
| .clear{ clear: both; 0; height: 0; } | |
| body{ background: #F8F8F8;} | |
| .header{ 942px; margin: 12px auto 0 auto;} | |
| .header .logo{ background: url(logo.png) no-repeat; float: left; 171px ; height: 115px;} | |
| .header dl{ float: left; margin: 0 0 0 29px; 742px; text-align: right; } | |
| .header dt{ height: 63px;} | |
| .header dt span{color: orange;} | |
| .header dd ul{ height: 65px;} | |
| .header dd li{ float: left; 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>
