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>
  • 相关阅读:
    vue路由动态过渡效果
    完美解决safari、微信浏览器下拉回弹效果
    从零开始搭建VUE项目
    上传图片(photoClip)
    手机移动端input date placehoder不显示
    evaluate-reverse-polish-notation
    Minimum Depth of Binary Tree
    前端学习02-01分帧的作用
    前端学习02-01表格标签
    前端学习01-07图像地图
  • 原文地址:https://www.cnblogs.com/akatuki/p/4045572.html
Copyright © 2011-2022 走看看