页面效果：
代码：
<!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>
<style type="text/css">
<!--
a:link,a:visited{
color:#906;
text-decoration:none;
font:Arial, Helvetica, sans-serif;
font-size:15px;
border-width:1px;
border-style:solid;
background-color: #FCD3B8;
padding:5px 10px 5px 10px;
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #FCD3B8;
border-top:1px solid #FCD3B8;}
a:hover{
color: #09C;
padding:3px 8px 3px 12px;
text-decoration:underline;
border-left:1px solid #000;
border-top:1px solid #000;
border-bottom:1px solid #FCD3B8;
border-right:1px solid #FCD3B8;}
-->
</style>
</head>
<body>
<table width="600px" >
<tr>
<td><a href="">首页</a></td>
<td><a href="">心情日记</a></td>
<td><a href="">学习心得</a></td>
<td><a href="">工作笔记</a></td>
<td><a href="">生活琐事</a></td>
<td><a href="">其他</a></td>
</tr>
</table>
</body>
</html>本文出自 “技术开发局” 博客，请务必保留此出处http://dingqifei.blog.51cto.com/4532395/1658978
原文：http://dingqifei.blog.51cto.com/4532395/1658978