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

大嫂的HTML的更多相关文章

  1. Msys+Mingw在手 妙用在心！

    1 缘起 平时在一些c++群面,看见很多大学十分努力的学习c++/MFC ,看见在编程语言百花争芳的时候,C/C++还是很有很有魅力.估计很多初学者使用都是window下的visual stdio 开 ...

  2. [转]一个普通IT人的十年回顾－－－金旭亮

    金旭亮老师十年体会,很有收获.转自网络. 金旭亮于1989年与超级解霸的开发者梁肇新同时迈入广西大学的校门,却走了一条与其不同的路. 1994年起开始自学计算机专业本科课程,并开始编程,从未间断,迄今 ...

  3. day17_python_1124

    01 昨日内容回顾 包: 1,在内存中创建一个以包命名的空间. 2,执行包的__init__文件将文件中的名字加载到包的名称空间. 3,通过包名.名字(变量,函数,类名)方式调用这些内容. aaa.x ...

  4. C# 定时器和队列结合，卖包子啦，Timer、 AutoResetEvent、 ManualResetEvent

    再你们得到源码之前,我先做个广告:张家港杰德机械/张家港三兴华轩机械是我一朋友的公司,希望需要做净水,灌装机,拔盖机,封口机,传送带等的朋友光顾. 张家港杰德机械有限公司:http://www.jie ...

  5. 金老师的经典著作《一个普通IT人的十年回顾》

    学习人生             -------一个普通IT人的十年回顾(上)序从1994到2003,不知不觉之间,我已在计算机技术的世界里沉浸了十年.有位哲人说过:如果一个人能用十年的时间专心致志地 ...

  6. 历年至今TVB剧集目录(持续更新...我已看过的推荐)

    2019年度TVB剧集 <> 主演: <> 主演: 2018年度TVB剧集 <大帅哥> 主演:张卫健,蔡思贝,洪永城,曹永廉 <守护神之保险调查> 主演 ...

  7. 51nod 1218 最长递增子序列 | 思维题

    51nod 1218 最长递增子序列 题面 给出一个序列,求哪些元素可能在某条最长上升子序列中,哪些元素一定在所有最长上升子序列中. 题解 YJY大嫂教导我们,如果以一个元素结尾的LIS长度 + 以它 ...

  8. css那些事儿2 经典两列布局

    <!DOCTYPE html> <html> <head> <title></title> <link rel="style ...

  9. 简单web作业---书籍介绍的相关网页编写

    老师布置的web作业,我做了3个页面,其中有利用老师的css代码! 我有添加背景音乐,下面的是主界面的代码. <!DOCTYPE html> <html> <head&g ...

随机推荐

  1. CollectionFramework

  2. ubuntu server nginx 安装与配置

    ubuntu server nginx 安装与配置 一:关于nginx http://wiki.ubuntu.org.cn/Nginx http://nginx.org/cn http://wiki. ...

  3. Unity5.1 新的网络引擎UNET（二） UNET 官方推荐Demo案例

    http://blog.csdn.net/u010019717/article/details/46873153 视频 http://www.iqiyi.com/playlist391685502.h ...

  4. 用dx实现半透遮挡效果

    四种技术方案: 1.两次绘制role实现半透遮挡2.背景中已经包含building, 则额外绘制一次半透的building即可实现半透遮挡3.利用building的遮罩实现半透遮挡, 利用rtt技术4 ...

  5. BeautifulSoup 常用方法

    #输出所得标签的‘’属性值 获取 head里面的第一个meta的content值 soup.head.meta['content'] 获取第一个span的内容 soup.span.string 获取第 ...

  6. （转）codeblock(常用快键)

    一款开源的C/C++ IDE(集成开发环境),基于wxWidgets GUI体系,跨平台支持. 编辑器 快捷键 功能 Ctrl+Z 恢复上一次操作 Ctrl+Shift+Z 重复上一次操作 F11 切 ...

  7. 超实用的JavaScript代码段 --倒计时效果

    现今团购网.电商网.门户网等,常使用时间记录重要的时刻,如时间显示.倒计时差.限时抢购等,本文分析不同倒计时效果的计算思路及方法,掌握日期对象Date,获取时间的方法,计算时差的方法,实现不同的倒时计 ...

  8. 172. Factorial Trailing Zeroes -- 求n的阶乘末尾有几个0

    Given an integer n, return the number of trailing zeroes in n!. Note: Your solution should be in log ...

  9. Python eclipse开发环境搭建

    http://jingyan.baidu.com/article/cd4c2979101f02756f6e6064.html http://jingyan.baidu.com/article/1876 ...

  10. Java--常用类summary

    /* 2:API的概述(了解) (1)应用程序编程接口. (2)就是JDK提供给我们的一些提高编程效率的java类. 3:Object类(掌握) (1)Object是类层次结构的根类,所有的类都直接或 ...