|
<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>
![](//images0.cnblogs.com/blog/114131/201307/10211221-4f3c0074cbb84eca8af35237fab16a72.png)