<style type="text/css">
#nav, #nav * {
margin:0; padding:0;
font:bold 11px verdana,sans-serif;
}
#nav {
padding:5px;
background-color:#eff3f7;
}
#nav table {
margin:5px 0;
background-color:#eff3f7;
border-spacing:1px;
border:1px solid #b1d5e3;
}
#nav tr.center {
text-align:center;
}
#nav td {
width:100px;
}
#nav a { /* ʏ펞 */
padding:10px;
display:block;
background-color:#6bb3cd;
color:#fff;
text-decoration:none;
}
#nav a:hover { /* }EX */
padding:10px;
background-color:#d1e8e0;
color:#fff;
text-decoration:none;
}
</style>
<div id="nav">
<!-- ^j[ -->
<table>
<tr class="center">
<td><a href="#">PHP</a></td>
<td><a href="#">JavaScript</a></td>
<td><a href="#">CSS</a></td>
<td><a href="#">MySQL</a></td>
</tr>
</table>
<hr />
<!-- c^j[ -->
<table>
<tr><td><a href="#">PHP</a></td></tr>
<tr><td><a href="#">JavaScript</a></td></tr>
<tr><td><a href="#">CSS</a></td></tr>
<tr><td><a href="#">MySQL</a></td></tr>
</table>
</div>