<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. python操作mongodb之六自定义类型存储

    from pymongo.mongo_client import MongoClient client=MongoClient('192.168.30.252',27017) client=drop_ ...

  2. git tag之后如何修改

    先 git clone 整个仓库,然后 git checkout tag_name 就可以取得 tag 对应的代码了. 但是这时候 git 可能会提示你当前处于一个“detached HEAD&quo ...

  3. Hive中JOIN操作

    1. 只支持相等JOIN. 2. 多表连接当使用不同的列进行JOIN时,会产生多个MR作业. 3. 最后的表的数据是从流中读取,而前面的会在内存中缓存,因此最好把最大的表放在最后. SELECT /* ...

  4. reveal 1.6.3 本机破解及使用

    reveal 强大的iOS UI调试工具 1: 去官网下载最新版本:1.6.3 http://revealapp.com/download/ 2: 安装到mac上,即,解压下载的包,把app拖到mac ...

  5. dede如何新建一个ajax服务端输出文件

    <?phprequire_once(dirname(__FILE__)."/include/common.inc.php");AjaxHead();    $dsql-> ...

  6. Ubuntu安装nodeJS

    安装环境 ubuntu12.04 64bit nodejs-v0.8.14.tar.gz Node.js是一个基于google v8+javascript的服务端编程框架.但是Node.js又不是js ...

  7. HTML5自学笔记[ 16 ]canvas绘图基础3

    canvas还提供提供了一些动态方法,使图像可以旋转.缩放和移动,与css3中的方法一样. 移动:translate(x,y),x和y为横竖方向的偏移量 旋转:rotate(弧度),弧度=角度*Mat ...

  8. hust--------The Minimum Length (最短循环节)(kmp)

    F - The Minimum Length Time Limit:1000MS     Memory Limit:131072KB     64bit IO Format:%lld & %l ...

  9. kwicks插件学习

    /* Kwicks for jQuery (version 1.5.1) Copyright (c) 2008 Jeremy Martin http://www.jeremymartin.name/p ...

  10. RRDTool 存储原理简介——基于时间序列的环型数据库

    转自:http://www.jianshu.com/p/b925b1584ab2 RRDTool是一套监测工具,可用于存储和展示被监测对象随时间的变化情况.比如,我们在 Windows 电脑上常见的内 ...