发一个链接样式

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>链接样式</title>  
<style type="text/css">
<!--
body 
{
  font-family: Tahoma; 
  font-size: 8pt}
.leftmenu 
{
  width:100px;}
.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: blue;
  background-color: #8cbbda;}
.leftmenu span 
{
  color: #a13100;}
-->
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <ul class="leftmenu">
      <li><a target="_blank" href="http://www.baidu.com/">Bai Du</a>
      <li><a target="_blank" href="http://www.google.com.hk/">Google</a>
      <li><a target="_blank" href="http://www.cnblogs.com/52net/">Aizhigala</a>
    </ul>
    </div>
    </form>
</body>
</html>

效果图:

posted @ 2012-06-18 17:16  爱智旮旯  阅读(373)  评论(0编辑  收藏  举报