一种比较漂亮的链接样式-网页页面特效

<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.mb5u.com/\">www.</a> <li><a target=\"_blank\" href=\"http://www.csdn.net/\">www.Baidu.Com</a> </ul>