查看完整版本: 比较漂亮的链接样式

比较漂亮的链接样式

[html]<style>
<!--
body         { font-family: Tahoma; font-size: 8pt }
.leftmenu {
        width:150px;
}
.leftmenu li {
        display: inline;
        white-space: nowrap;
}

.leftmenu span,
.leftmenu a:active,
.leftmenu a:visited,
.leftmenu a:link {
        display: block;
        text-decoration: none;
        margin: 6px 10px 6px 0px;
        padding: 2px 6px 2px 6px;
        color: #00527f;
        background-color: #d9e8f3;
        border: 1px solid #004266;
}

.leftmenu a:hover {
        color: red;
        background-color: #8cbbda;
}

.leftmenu span {
        color: #a13100;
        }

-->
</style>
</head>
<ul class="leftmenu">
<li><a target="_blank" href="http://www.microsoft.com/china">www.Microsoft.com</a>
<li><a target="_blank" href="http://www.google.com">www.Google.com</a>
<li><a target="_blank" href="http://www.pickbar.com/">www.PickBar.com</a>
<li><a target="_blank" href="http://www.csdn.net/">www.CSDN.Net</a>
</ul>[/html]