純CSS製作而成的導航塊

效果：

代碼：
<style type="text/css">
.linkarea{
BORDER: #fff 1px solid;
width:90px;
BORDER-RIGHT: #6c9cc2 1px solid;
BORDER-TOP: #6c9cc2 1px solid;
FONT-SIZE: 13px;
Font-weight:800;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CFE1EF);
FLOAT: center;
MARGIN: 5px 2px;
BORDER-LEFT: #6c9cc2 1px solid;
CURSOR: hand;
LINE-HEIGHT: 22px;
BORDER-BOTTOM: #6c9cc2 1px solid;
HEIGHT: 22px;
BACKGROUND-COLOR: #dfedf6;
TEXT-ALIGN: center
}
</style>

   <span class="linkarea"><a href="/">Home</a></span> 
   <span class="linkarea"><a href="company.asp">Company</a></span>
   <span class="linkarea"><a href="products.asp">Products</a></span>
   <span class="linkarea"><a href="news.asp">News</a></span>