PNG透明圖片修飾的圓角形菜單_菜單導航特效

這個菜單是使用PNG透明圖片修飾的圓角，假如想換顏色，你可以把PNG圖片用圖像編輯軟件打開換個顏色就行了，代碼真是非常簡潔，很輕易能看懂，這樣你就可以輕易修改菜單，以適合你的網站需要。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>PNG修飾的導航菜單</title>
<style type="text/css">
body {
font-size:9pt;
font-family: sans-serif;
}
ul.tabs {
     list-style-type: none;
     padding: 0;
     margin: 0;
   }
ul.tabs li {
     float: left;
     padding:0;
     margin: 0;
     padding-top: 0;
     background: url(http://p1.mb5u.com/texiao/1/tab_right.png) no-repeat right top;
     margin-right: 1px;
   }
ul.tabs li a {
     display: block;
     padding: 8px;
     color: #fff;
     text-decoration: none;
     background: url(http://p1.mb5u.com/texiao/1/tab_left.png) no-repeat left top;
   }
ul.tabs li a:hover {
     color: #ff0;
   }
  </style>
 </head>
 <body>
  <ul class="tabs">
   <li><a href="#">網頁特效</a></li>
   <li><a href="#">源碼下載</a></li>
   <li><a href="#">源碼愛好者</a></li>
   <li><a href="#">ASP源碼</a></li>
   <li><a href="#">PHP源碼</a></li>
   <li><a href="#">Ajax源碼</a></li>
  </ul>
 </body>
</html>

所屬頻道：菜單導航特效/更新時間：2011-02-24

[收藏][報錯][返回列表]

相關菜單導航特效：

PNG透明圖片修飾的圓角形菜單_菜單導航特效

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些