老師你好.....下面是h2.html與h2.css，
謝謝
/*h2.html*/
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>無標題文件</title>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="h2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TOP">
<h2>lance98.com</h2>
</div>
<div id="BAR">
<ul>
<li id="learn"><a href="/lance98.com/css/learn/index.php">learn</a></li>
<li id="ebuy"><a href="#">ebuy</a></li>
<li id="xoops"><a href="#">xoops</a></li>
<li id="link"><a href="#">link</a></li>
</ul>
</div>
</body>
</html>
/*h2.html_end*/
/*h2.css*/
#TOP h2{ background-image:url(top121007001.jpg); background-repeat:no-repeat; width:800px; height:200px; text-indent:-999px; margin:0 auto;}
#BAR{ list-style-type:none;width:800px; height:50px; margin: auto;}
#BAR li{ float:left; text-indent:-9999px;}
#BAR #learn a{ display:block; width:100px; height:50px; background-image:url(learn0001.jpg);}
#BAR #learn a:hover{ background-image:url(learn0002.jpg);}
#BAR #ebuy a{ display:block; width:100px; height:50px; background-image:url(ebuy0001.jpg);}
#BAR #ebuy a:hover{ background-image:url(ebuy0002.jpg);}
#BAR #xoops a{ display:block; width:100px; height:50px; background-image:url(xoops0001.jpg);}
#BAR #xoops a:hover{ background-image:url(xoops0002.jpg);}
#BAR #link a{ display:block; width:100px; height:50px; background-image:url(link0001.jpg);}
#BAR #link a:hover{ background-image:url(link0002.jpg);}
/*h2.css_end*/
