<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. Windows代码页、区域

    目录 第1章代码页    1 1 代码页    1 1.1 单字节字符集    1 1.2 双字节字符集    1 1.3 多字节字符集    1 1.4 ANSI代码页    2 2 枚举代码页   ...

  2. Unity3d多线程

    http://blog.csdn.net/dingkun520wy/article/details/49181645 (一)多线程的创建 Thread t = new Thread(new Threa ...

  3. db:seed 更好的生成测试数据

    make:model -m -> 在database/migrations/目录下生成的table表中设置表的字段名和字段类型->在app/目录下对应的模型文件中设置可添加字段 -> ...

  4. C++/C#中堆栈、对象内存模型、深浅拷贝、Array.Clone方法

    转载自:http://blog.csdn.net/jarvischu/article/details/6425534 目录 1.      C++/C#中对象内存模型................. ...

  5. this 指向

    this-->当前行为发生的主体就是this,但是this是谁和这个方法在哪执行的或者在哪定义的都没有半毛钱的关系 如何的区分JS中的this? 1)函数执行,看函数名前面是否有".& ...

  6. 布局两列div等高方法

    一.左右布局,左侧div绝对定位,外div相对定位 <!DOCTYPE html> <html lang="en"> <head> <me ...

  7. 通过Sql语句导数据

    在通过SQL Server向导中的SQL语句导数据时,默认情况下源表中的nvarchar字段类型会变成202,解决此问题的方法是,要重新选择一下对应的数据接收表.

  8. C实现多线程

    #include <stdio.h> #include <pthread.h> #include <unistd.h> #include <iostream& ...

  9. HDUOJ----2571（命运）（简单动态规划）

    命运 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Submiss ...

  10. java arrayCopy

    int[] dest = new int[0]; int[] value = {1,2}; if(value != null && value.length>0) { int[] ...