<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="miaov.js"></script>
<style>
#div1 {position:relative; width:420px; height:380px; margin: 20px auto 0; background:url('index.png') }
#div1 a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#fff; font-weight:bold; text-decoration:none; padding: 3px 6px; }
#div1 a:hover {border: 1px solid #eee; background: #000; }
#div1 .blue {color:blue;}
#div1 .red {color:red;}
#div1 .yellow {color:yellow;}
</style>
</head>
<body>
<div id="div1">
<a href="http://www.miaov.com">JS课程</a>
<a href="http://www.miaov.com/course_outline_1.html.php" class="red">教程</a>
<a href="http://www.miaov.com">试听</a>
<a href="http://www.miaov.com">精品</a>
<a href="http://www.miaov.com" class="blue">妙味课堂</a>
<a href="http://blog.miaov.com/722.html">SEO</a>
<a href="http://www.miaov.com" class="red">特效</a>
<a href="http://www.miaov.com/course.html.php" class="yellow">JavaScript</a>
<a href="http://www.miaov.com/course_detail_1.html.php">miaov</a>
<a href="http://www.miaov.com/course_detail_2.html.php" class="red">CSS</a>
<a href="http://www.miaov.com/course_detail_3.html.php">求职</a>
<a href="http://www.miaov.com/course_detail_2.html.php" class="blue">面试题</a>
<a href="http://www.miaov.com/contact.html.php">继承</a>
<a href="http://www.miaov.com/" class="red">妙味课堂</a>
<a href="http://www.miaov.com/about.html.php" class="blue">OOP</a>
<a href="http://www.miaov.com/work.html.php">XHTML</a>
<a href="http://www.miaov.com/message.html.php" class="blue">setInterval</a>
<a href="http://blog.miaov.com/">W3C</a>
<a href="http://blog.miaov.com/716.html">石川</a>
<a href="http://www.miaov.com/" class="yellow">妙味课堂</a>
<a href="http://blog.miaov.com/676.html">blue</a>
</div>
</body>
</html>