发一个链接样式

<%@ 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>

效果图:

发一个链接样式

发一个链接样式

发一个链接样式

你可能感兴趣的:(样式)