純CSS製作而成的導航塊

來源:互聯網
上載者:User
效果:

代碼:
<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>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.