Sealyu

--- 博客已迁移至: http://www.sealyu.com/blog

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  618 随笔 :: 87 文章 :: 225 评论 :: 0 Trackbacks
30个基于CSS的导航和按钮优秀设计教程（转）

css-导航菜单-教程

在当今标准的Web设计中，CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计，彬Go为大家收集了30个基于CSS的导航菜单 和按钮的CSS设计教程，通过这些教程，您可以在您今后的项目中更方便的直接使用或参考，当然也可以用作平时的实践练习。希望大家能从中学到些什么。

您还可以参考以下CSS导航/按钮相关教程:
《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》
《网页设计趋势之:”勾引”用户的按钮》
《70+漂亮且极具亲和力的导航菜单设计推荐》
《20+漂亮的网站分类存档设计赏析(上)》
《20+漂亮的网站分类存档设计赏析(下)》

CSS导航及菜单教程

01.高级CSS菜单 : Webdesignerwall

CSS-导航-教程

02.导航教程 : Ehousestudio

CSS-导航-实例

03.技巧: 为Wordpress导航使用滑动门 : Wphacks

CSS-导航

04.: Howtocreate

CSS-导航-源代码

05.下拉式 : Dave-woods

DIV-CSS-导航

06.横向动画标签 : Dynamicdrive

CSS-导航-教程

07.横向菜单，从上到下: Aplus.rs

CSS-导航-实例

08.弹性导航实例 : Icant

CSS-导航

09.横向/纵向 : Qrayg

CSS-导航-源代码

10.Brainjar

DIV-CSS-导航

11.带有悬停效果的菜单 : Bwebi

CSS-导航-教程

12.Superfluousbanter

CSS-导航-实例

13.CSS 下拉菜单 : Alistapart

CSS-导航

14. Cssplay

CSS-导航-源代码

15.“面包屑”式跟踪 : Cssplay

DIV-CSS-导航

CSS按钮教程

16.使用png和背景颜色的可扩展CSS按钮 : Monc.se

CSS-按钮-源代码

17.预载悬停效果的按钮 : Firefly-multimedia

CSS-按钮

18.仅适用一张图片的滑动门按钮 : Kailoon

CSS-按钮-教程

19.使用透明PNG的按钮 : Ryebreaddesign

CSS-按钮-实例

20.按钮 : Dynamicdrive

CSS-教程

21.使用了CSS滑动门效果的花俏按钮 : Jankoatwarpspeed

CSS-按钮-源代码

22.按钮 ( Wii 风格按钮 ) : Webappers

CSS-按钮

23.悬停按钮 : Learnola

CSS-按钮-教程

24.重叠箭头式按钮 : Firefly-multimedia

CSS-按钮-实例

25.Rediscovering The Button Element : Particletree

CSS-教程

26.Nublue.co.uk

CSS-按钮-源代码

27.漂亮的CSS按钮图标 : Woork

CSS-按钮

28.CSS按钮: Oscaralexander

CSS-按钮-教程

29.Sohtanaka

CSS-按钮-实例

30.Dynamicdrive

CSS-教程

留意更新

订阅彬Go以查看前端开发/CSS相关最新教程及资源。

英文原文:30 Excellent CSS Based Navigation and Buttons Tutorial
翻译原文:30个基于CSS的导航和按钮优秀设计教程(暴风彬彬)

转载声明:
原载:彬Go——集前端开发/网页设计/网站可用性/用户体验于一体的趣味互联网生活
本文链接:http://blog.bingo929.com/30-excellent-css-based-navigation-and-buttons-tutorial.html
如需转载必须以链接形式注明原载或原文地址，谢谢合作
posted on 2009-09-23 09:59 seal 阅读(214) 评论(0)  编辑  收藏 所属分类: CSS

只有注册用户登录后才能发表评论。
网站导航: