[code]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head><meta http-equiv=”content-type” content=”text/html; charset=gb2312″>
<title>吹牛b点坑 – CSS按钮实例演示</title>
<style type=”text/css”>
<!–
#menu {
width:8em;
padding:0.5em;
background:#ccc;
font-family: “Terminal”;
}
#menu a, #menu a:visited {
display:block;
width:7em;
color:#669900;
text-align:center;
background-color:#fff;
text-decoration:none;
margin:0.5em 0;
border-left:0.5em solid #9ab;
}
#menu a:hover {
color:#f00;
border-left:0.5em solid #000;
}
.box {
position:relative;
}
–>
</style>
</head>
<body>
<div id=”menu”>
<div class=”box”>
<a href=”http://liuleng.com/”>
吹牛b点坑
</a>
</div>
<div class=”box”>
<a href=”http://liuleng.com/”>
首页
</a>
</div>
<div class=”box”>
<a href=”http://liuleng.com/”>
设计
</a>
</div>
<div class=”box”>
<a href=”http://liuleng.com/”>
教程
</a>
</div>
<div class=”box”>
<a href=”http://liuleng.com/”>
资源
</a>
</div>
</div>
</body>
</html>[/code]