关注前端开发/网页设计/网站可用性/用户体验,暴风彬彬的趣味互联网生活…
在当今标准的Web设计中,CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计,彬Go为大家收集了30个基于CSS的导航菜单和按钮的CSS设计教程,通过这些教程,您可以在您今后的项目中更方便的直接使用或参考,当然也可以用作平时的实践练习。希望大家能从中学到些什么。
您还可以参考以下CSS导航/按钮相关教程:
《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》
《网页设计趋势之:”勾引”用户的按钮》
《70+漂亮且极具亲和力的导航菜单设计推荐》
《20+漂亮的网站分类存档设计赏析(上)》
《20+漂亮的网站分类存档设计赏析(下)》


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







10.Brainjar




14. Cssplay


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

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


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


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

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


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

25.Rediscovering The Button Element : Particletree

26.Nublue.co.uk



29.Sohtanaka

30.Dynamicdrive

订阅彬Go以查看前端开发/CSS相关最新教程及资源。
英文原文:30 Excellent CSS Based Navigation and Buttons Tutorial
翻译原文:30个基于CSS的导航和按钮优秀设计教程(暴风彬彬)
9 条 关于 "30个基于CSS的导航和按钮优秀设计教程" 的评论
支持下 !!
受益~!
彬go,有些菜单是不是很老啊?
似乎很多blog都用微软雅黑
请问第一张图画圈的线(custom button ico那个先两端),是用什么做的,有推荐的软件吗?谢谢
回复楼上的:
那个应该是用手绘板画的,当然,如果你没有手绘板,仍然可以使用钢笔工具来画,描边的时候要用模拟压力…
奥,多谢解答,我还以为有相关的工具,那画的好不好看,完全看个人手艺了。
恩。。 不错。。
你好,我想问一下,手绘板一般需要多少钱?
配置要求能满足一般网页设计就行。
谢谢了。
我要评论 >>