zoukankan      html  css  js  c++  java
  • 浅绿色简洁CSS导航菜单代码

    代码简介:

    浅绿色很多网站都有的简洁CSS栏目导航条,响应鼠标变色,兼容大多WEB浏览器,看着也很舒服,直接复制就可用。

    代码内容:

    <!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 http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>浅绿色简洁CSS导航菜单代码_网页代码站(www.webdm.cn)</title>
    <style type="text/css">
    <!--
    ul#navlist
    {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #6c6;
    margin: 0;
    }
    
    ul#navlist li
    {
    float: left;
    height: 21px;
    background-color: #cfc;
    margin: 2px 2px 0 2px;
    border: 1px solid #6c6;
    }
    
    li#active a
    {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    }
    
    li#active a { color: #000; }
    
    #navlist a
    {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
    }
    
    #navlist a:hover { background: #fff; } 
    -->
    </style>
    </head>
    
    <body>
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="/" id="current">WebDm.CN</a></li>
    <li><a href="/">ASP</a></li>
    <li><a href="/">AJAX</a></li>
    <li><a href="/">JQUERY</a></li>
    <li><a href="/">EXT</a></li>
    </ul>
    </div>
    </body>
    </html>
    <br>
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
    

    代码来自:http://www.webdm.cn/webcode/cd0f58cf-3303-44cf-bfe9-cd5f40311896.html

  • 相关阅读:
    13自下而上语法分析
    12 递归下降语法分析
    LL(1)文法的判断,递归下降分析程序
    消除左递归
    作业4 .K均值算法--应用
    作业3 K均值算法
    作业2 机器学习相关数学基础
    作业1 机器学习概述
    作业15 语法制导的语义翻译
    作业14:算符优先分析
  • 原文地址:https://www.cnblogs.com/webdm/p/1999698.html
Copyright © 2011-2022 走看看