本文共 1660 字，大约阅读时间需要 5 分钟。
| | <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> |
转载于:https://www.cnblogs.com/Googler/p/3182847.html