页面效果:
代码:
<!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>
转载于:https://blog.51cto.com/dingqifei/1658978