zoukankan      html  css  js  c++  java
  • CSS打造很漂亮的橘黄垂直导航

    代码简介:

    CSS打造很漂亮的橘黄垂直导航,简约又好看,直接拿过去用吧。

    代码内容:

    <html>
    <head>
       <title>CSS打造很漂亮的橘黄垂直导航_网页代码站(www.webdm.cn)</title>
    <style type="text/css">
    
    #vertmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
     160px;
    padding: 0px;
    margin: 0px;
    }
    
    #vertmenu h1 {
    display: block; 
    background-color:#FF9900;
    font-size: 90%; 
    padding: 3px 0 5px 3px;
    border: 1px solid #000000;
    color: #333333;
    margin: 0px;
    159px;
    }
    
    #vertmenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
    }
    #vertmenu ul li {
    margin: 0px;
    padding: 0px;
    }
    #vertmenu ul li a {
    font-size: 80%;
    display: block;
    border-bottom: 1px dashed #C39C4E;
    padding: 5px 0px 2px 4px;
    text-decoration: none;
    color: #666666;
    160px;
    }
    
    #vertmenu ul li a:hover, #vertmenu ul li a:focus {
    color: #000000;
    background-color: #eeeeee;
    }
    </style>
    </head>
    <body>
    <div id="vertmenu"> 
    <h1>导航文本</h1>
    <ul>
    <li><a href="#" tabindex="1">Home</a></li>
    <li><a href="#" tabindex="2">About Us</a></li>
    <li><a href="#" tabindex="3">Computing</a></li>
    <li><a href="#" tabindex="4">Web Sites</a></li>
    <li><a href="#" tabindex="5">Games</a></li>
    <li><a href="#" tabindex="6">Links</a></li>
    </ul>
    </div>
    </body>
    </html>
    <br>
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
    

    代码来自:http://www.webdm.cn/webcode/cc5e23c4-35f4-49d4-ba7f-df7bd843e39b.html

  • 相关阅读:
    Global Citizenship
    Eng Stu
    说说
    C#编程远程控制机械手臂
    切割系统
    C#编码 画图控件
    编程Sourceforge
    C#编程线程
    空间点的几何关系
    一台普通电脑通过设置连接到公司网络
  • 原文地址:https://www.cnblogs.com/webdm/p/2045125.html
Copyright © 2011-2022 走看看