很cool有背景的超链接效果

<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="www.Microsoft.com<a href="http://www.microsoft.com/china" target="_blank">http://www.microsoft.com/china</a>">www.Microsoft.com</a>
<li><a target="_blank" href="www.google.com">www.<a href="http://www.google.com" target="_blank" class="ContentLink_red">Google</a>.com</a>
<li><a target="_blank" href="<a href="http://www.baidu.com/" target="_blank">http://www.baidu.com/</a>"www.baidu.com</a>
<li><a target="_blank" href="<a href="http://www.shotan.com/" target="_blank">http://www.shotan.com/</a>"www.shotan.com</a>
</ul>