菜鸟吧

经典论坛

中国站长站

落伍者

上面有两个div，我给他们定义了不同的链接样式。源代码如下：

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

   <html xmlns="http://www.w3.org/1999/xhtml">

   <head>

   <title>我真惨!被用来演示CSS!</title>

   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

   <style type="text/css">

   #nvbar {border:thin #000000 solid;

           margin:10px;

           padding:20px;}

   #nvbar a:link {

       color: #003366;

       text-decoration: none;

      }

   #nvbar a:visited {

      text-decoration: underline ;

      color: #000000;

      }

   #nvbar a:hover {

      color: #FFFFFF;

      background-color:#FF0000;

      }

   .rightbox a:link {

      color: #003366;

      text-decoration: none;

      }

   .rightbox {border:thin #0000CC solid;

      margin:10px;

      padding:20px;}

   .rightbox a:visited {

      text-decoration: underline ;

      color: #000000;

      }

   .rightbox a:hover {

      color: #FFFFFF;

      background-color:#000099;

      }

</style>

</head>

<body>

<div id="nvbar"> 

<p><a href="http://cainiao8.com/">菜鸟吧</a></p>

<p><a href="http://bbs.blueidea.com/">经典论坛</a></p>

</div>

<div class="rightbox">

<p><a href="http://bbs.chinaz.com/index.asp">中国站长站</a></p>

<p><a href="http://www.im286.com/index.php">落伍者</a></p>

</div>

</body>

</html>