zoukankan      html  css  js  c++  java
  • CSS

    View Code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>test 1</title>
    <style type="text/css">
    ul
    {
    margin
    : 0;
    padding
    : 0;
    list-style
    : none;
    width
    : 130px;
    border-bottom
    : 1px solid #ccc;
    font-size
    :12px;
    }

    li
    {
    position
    : relative;
    }

    li ul
    {
    position
    : absolute;
    left
    : 129px;
    top
    : 0;
    display
    : none;
    }

    ul li a
    {
    display
    : block;
    text-decoration
    : none;
    color
    : #777;
    background
    : #fff;
    padding
    : 5px;
    border
    : 1px solid #ccc;
    border-bottom
    : 0;
    }
    li:hover ul, li.over ul
    { display: block; }
    </style>
    </head>

    <body>
    <ul id="nav">
    <li><a href="#">CSS布局</a>
    <ul>
    <li><a href="#">一栏式布局</a> </li>
    <li><a href="#">二栏式布局</a></li>
    <li><a href="#">三栏式布局</a></li>
    <li><a href="#">组合式布局</a></li>
    </ul>
    </li>

    <li><a href="#">CSS页面元素</a>
    <ul>
    <li><a href="#">导航</a></li>
    <li><a href="#">背景</a></li>
    <li><a href="#">列表</a></li>
    <li><a href="#">Form表单</a></li>
    <li><a href="#">字体样式</a></li>
    <li><a href="#">图片样式</a></li>
    <li><a href="#">链接样式控制</a></li>
    </ul>
    </li>

    <li><a href="#">排版</a>
    <ul>
    <li><a href="#">文本</a></li>
    <li><a href="#">图文</a></li>
    <li><a href="#">全图</a></li>
    <li><a href="#">混合排版</a></li>
    </ul>
    </li>
    </ul>
    </body>

    </html>
  • 相关阅读:
    CentOS7安装minio
    xshell连接虚拟机Connection failed
    Mysql时间加减函数
    mysql存储过程模板
    Activiti实现会签功能
    2018考研复试流程
    C编程经验总结5(剧终)
    《数据结构总结》
    《关于安卓和IOS开发》
    番外特别篇之 为什么我不建议你直接使用UIImage传值?--从一个诡异的相册九图连读崩溃bug谈起
  • 原文地址:https://www.cnblogs.com/kelei12399/p/2287872.html
Copyright © 2011-2022 走看看