zoukankan      html  css  js  c++  java
  • css实现超连接按钮形式显示

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>test</title>
    <style type="text/css">
    #navigation ul {
        list-style: none;
       
    }
    #navigation li {
       
        padding:2px;
    }
       
    #navigation a:link, #navigation a:visited { 
        margin-right: 2px;
        padding: 3px 10px 2px 10px; 
        color: #A62020;
        background-color: #FCE6EA;display: block;
        text-decoration: none;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: 1px solid #717171;
        border-right: 1px solid #717171;
    }
       
    #navigation a:hover {
        border-top: 1px solid #717171;
        border-left: 1px solid #717171;
        border-bottom: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
    }
    </style>
    </head>
    <body onload="">
     <div id="navigation">
                    <ul>
                        <li><href="">link1</a></li>
                        <li><href="">link2</a></li>
                        <li><href="">link3</a></li>
                        <li><href="">link4</a></li>
                        <li><href="">link5</a></li>
                        <li><href="">link6</a></li>
                    </ul></div>
    </body>
    </html>
  • 相关阅读:
    js第四天
    js第三天
    js第二天
    面试题集锦;有关作用域和this的指向
    JS高级:事件冒泡和事件捕获;
    关于函数的解析;
    BOM浏览器对象模型;
    关于js动画简单理解;
    关于document的节点;用Dom2创建节点;
    js操作Css样式
  • 原文地址:https://www.cnblogs.com/akatuki/p/4045572.html
Copyright © 2011-2022 走看看