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>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。