zoukankan      html  css  js  c++  java
  • CSS绿色导航代码

    代码简介:

    很漂亮、代码很简洁的CSS导航条,鼠标放上更换菜单背景颜色,简单才是应道理,希望你们喜欢。

    代码内容:

    <!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>
    </head>
    <style>
    #tablist{
    padding: 3px 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.1em;
    font: bold 12px Verdana;
    border-bottom: 1px solid green;
    }
    
    #tablist li{
    list-style: none;
    display: inline;
    margin: 0;
    }
    
    #tablist li a{
    text-decoration: none;
    padding: 3px 0.5em;
    margin-right: 3px;
    border: 1px solid green;
    border-bottom: none;
    background: lightgreen;
    }
    
    #tablist li a:link, #tablist li a:visited{
    color: navy;
    }
    
    #tablist li a:hover,#tablist li a.current{
    color: white;
    background: green;
    border-color: green;
    }
    </style>
    </head>
    <body>
    <ul id="tablist">
    <li><a class="current" href="/">WebDm.Cn</a></li>
    <li><a href="http://www.yahoo.com">Yahoo</a></li>
    <li><a href="/">Sohu.com</a></li>
    <li><a href="http://www.sina.com">Sina.com</a></li>
    </ul>
    </body>
    </html>
    <br>
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
    

    代码来自:http://www.webdm.cn/webcode/ea9ad78d-7aac-4f8b-b68b-6a882b7e9c9e.html

  • 相关阅读:
    boundandbranch method
    图像格式PPM,PGM和PBM
    感兴趣文章
    生成数据库脚本
    安徽太和华药会总结
    正则表达式语法参考
    xml
    对项目开发有很大帮助的jquery网站
    增强 VSS 的文件共享安全性
    支付宝及时到帐接口使用详解
  • 原文地址:https://www.cnblogs.com/webdm/p/2017804.html
Copyright © 2011-2022 走看看