<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. 经验解决Fragment被Replace后仍旧可见的问题

    经验解决Fragment被Replace后仍旧可见的问题 网上问的问题,大多会提到替换了Fragment而发现之前被替换的仍旧显示在那里.我个人使用android 2.3 +support 开发包,在 ...

  2. 项目二：使用机器学习（SVM）进行基因预测

    SVM软件包 LIBSVM -- A Library for Support Vector Machines(本项目所用到的SVM包)(目前最新版:libsvm-3.21,2016年7月8日) C-S ...

  3. iOS 国际化多语言设置 xcode7

    iOS 国际化多语言设置 方式一: 1. 在storyboard中创建好UI,然后在 project 里面  Localizables 栏目里面,添加你需要的语言:默认是Englist; 比如这里我添 ...

  4. Oracle session inactive状态临时表数据未清空问题

    问题描述:Oracle数据库,java代码使用某数据库实例,获取connection并在使用结束关闭,而session未销毁,而是状态变为inactive从而导致临时表数据未清空. Oracle临时表 ...

  5. SyncServer obj

  6. ogre入门笔记

    ogre作为一款开源的非商业渲染引擎, 除去效率不谈, 其设计结构十分优雅, 值得游戏从业者拥有和学习.本篇笔记基于ogre v1.9. 1.代码模块 ogre的核心代码分布如下图: ogreMain ...

  7. 鸟哥的linux私房菜勘误表

    博客园地址: http://www.cnblogs.com/jiangxinnju GitHub地址: https://github.com/jiangxincode 知乎地址: https://ww ...

  8. 悟透javascript读书笔记

    1.undefined,null,0,""  这四个值转换为逻辑值时是false,其他无论简单类型值,对象或者函数转换过来都是true 2.如图 第一个是“声明了一个变量,给变量赋 ...

  9. python 练习 25

    Python 语言允许在一个循环体里面嵌入另一个循环. Python for 循环嵌套语法: for iterating_var in sequence: for iterating_var in s ...

  10. 也谈谈 Redis 和 Memcached 的区别

    本文作者: 伯乐在线 - 朱小厮 . 说到redis就会联想到memcached,反之亦然.了解过两者的同学有那么个大致的印象: redis与memcached相比,比仅支持简单的key-value数 ...