<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. idea+git

    http://www.cnblogs.com/java-maowei/p/5950930.html

  2. AD组策略添加本地账号、设置允许ping回显

    AD组策略添加本地账号 1. 管理工具--组策略管理--选择相应GPO(编辑)----首选项--控制面板设置--本地用户和组--右键添加账号 2.域成员计算机刷新组策略(gpupdate/force) ...

  3. 关于电脑玩MT以及多开的方法

    方法是转的别人的首先感谢原创者!!上四开屏幕截图,因为小伙伴需要8张卡,所以我四个四个一起练.8开我的电脑估计都有压力,五开六开可能没问题,但是为了方便就四开,练完四个再练四个.图接下来说下多开模拟器 ...

  4. java String与Byte[]和String 与InputStream转换时注意编码问题。。。

    前一段日子,我在做rsa加密和通过http get方式获取验证码图片通过BitmapFactory创建bitmap 出现了一系列的问题. 通过一系列的调试,发现有些问题原来是在进行String 与By ...

  5. selenium+python笔记2

    #!/usr/bin/env python # -*- coding: utf-8 -*- """ @desc: 操作浏览器 """ fro ...

  6. jQuery图表开源软件

    jQuery图表插件 jQchart jQchart 是一个jQuery的插件,用来绘制图表的.支持各种形状的图表. 示例代码: == Mini sample == $('#canvasMyID'). ...

  7. BeautifulSoup 常用方法

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

  8. (32)odoo中的编码问题

    对于全部是英文就不存在问题,但我们常用中文,这样会导致一个棘手的问题 约定: 系统Ubuntu trusty14.04 自带python2.7.6 python2.7.9 自己升级了 升级方法: -- ...

  9. JS禁止右键

    function cancelMouse(){return false;}document.oncontextmenu = cancelMouse;

  10. 转载Javascript继承两种形式详解

    一直想对Javascript再次做一些总结,正好最近自己写了一个小型Js UI库,总结了一下Js的继承机制,在网上也看了一些前辈们博客里的总结,感觉分析不是特别全面.这里仅仅是把自己的学习体会拿出来分 ...