大嫂的HTML

最新推荐文章于 2022-02-02 09:53:16 发布

小范f-li.cn

最新推荐文章于 2022-02-02 09:53:16 发布

阅读量77

点赞数

本文链接：https://blog.csdn.net/w395115323/article/details/89346431

版权

大嫂的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>

<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>