zoukankan      html  css  js  c++  java
  • Css下拉菜单

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <style>
    ul {
        margin: 0px;
        padding: 0px;
    }
    ul li {
        float: left;
        display: inline;
        font: 0.9em Arial, Helvetica, sans-serif;
        height: 30px;
        100px;
        list-style: none;
    }
    ul li a {
        color: #FFF;
        text-decoration: none;
        line-height: 29px;
        91px;
        margin: 0px;
        padding: 0px 0px 0px 8px;
        display: block;
        border-right: solid 1px #ccc;
        border-bottom:solid 1px #ccc;
        background: #808080;
    }
    ul li ul li { height:25px; }
    ul li ul li a {
        background: #666;
        line-height:24px;
    }
    ul li a:hover { background: #666; }
    ul li ul { visibility: hidden; }
    ul li:hover ul { visibility: visible; }
    ul li ul li a:hover { background: #333; }
    </style>
    </HEAD>

    <BODY>
    <ul>
      <li><a href="#">菜单一</a></li>
      <li><a href="#">菜单二</a>
        <ul>
          <li><a href="#">子菜单一</a></li>
          <li><a href="#">子菜单二</a></li>
          <li><a href="#">子菜单三</a></li>
        </ul>
      </li>
      <li><a href="#">菜单三</a></li>
      <li><a href="#">菜单四</a>
        <ul>
          <li><a href="#">子菜单一</a></li>
          <li><a href="#">子菜单二</a></li>
          <li><a href="#">子菜单三</a></li>
        </ul>
      </li>
      <li><a href="#">菜单五</a></li>
    </ul>
    <br><br><br><br><br>
    <div>
     <table>
      <tr>
       <td>11</td>
       <td>22</td>
      </tr>
      <tr>
       <td>11</td>
       <td>22</td>
      </tr>
      <tr>
       <td>11</td>
       <td>22</td>
      </tr>
     </table>
    </div>
    </BODY>
    </HTML>

  • 相关阅读:
    爬虫-自动模拟http请求
    iOS开发 - 判断程序第一次开启 以及 应用升级后第一打开的判断
    NSDictionary的几种遍历方法
    算法回顾(三) 二分查找
    以前写的在wp7模拟器测试应用的测试框架
    iOS 应用开发基础翻译 改为 笔记和总结
    算法回顾(二):快速排序
    算法回顾(一):冒泡排序
    iOS 应用中的表视图(Table View)(译)
    预告:iOS 应用开发基础翻译
  • 原文地址:https://www.cnblogs.com/blackbean/p/1979759.html
Copyright © 2011-2022 走看看