CSS 定义的50个精美按钮下载
做网页的避免不了设计按钮，比如“提交”、“确认”等等，而使用 Dreamweaver 默认生成的按钮样式过于简单，很多朋友都喜欢用 css 来定义按钮样式，可以做出很多出彩的效果，比如用图片做背景、鼠标经过变换按钮颜色等等。
今天园子分享的这套用 CSS 定义的50个精美按钮，可以说已经包含了最常用的网页设计需求，你可以直接拿来使用，省去了去写代码或找图片的时间。
先来看下截图吧，以下仅是一部分按钮的截图，查看更多请在本页面下方链接下载压缩包。
CSS 定义的50个精美按钮部分截图
怎么样？是不是很漂亮呢？
代码解释：
HTML 代码：
<input type="button" class="btn11" onmouseover="this.style.backgroundPosition='left -40px'" onmouseout="this.style.backgroundPosition='left top'" value="Sbumit" />
上述代码主要是定义了按钮的样式，其中 onmouseover 和 onmouseout就是定义鼠标经过与离开出现的不同背景图片样式，class 则是调用了按钮的 CSS 样式。
再来看下 CSS：
.btn11 { width:143px; height:40px; background:url("image/button/bg11.jpg") no-repeat left top; color:#FFF; }
这段 CSS 主要定义了按钮的宽和高，以及背景图片的显示方式、文字颜色。
通过修改 CSS 样式你就可以制作出千变万化的按钮样式，有兴趣的朋友自己动手试试吧！
点此立即下载CSS 定义的50个精美按钮
原创文章如转载，请注明：转载自园子博客 [ http://www.yzznl.cn ]
不错，不错
GOOD，不错的素材
不错，正要找这些，有空常来学习一下，div，css最近比较有兴趣
这些按钮，就是看看也很享受
不错呀
的确很漂亮
不错我喜欢
我比较喜欢带圆角的这几个，不错，要用到我的博客里面呵呵
我先不下了，8错8错。用的时候来这里拿，岂不省事？
有源文件就好
园子你真是太棒了 赞一个 下了先
很漂亮…
不错，很漂亮嘛！
我现在才发现我有很久很久没有到你这边来坐坐了，我的错，以后不会忘了，呵呵！
园子博客人气变的很旺盛了啊
本站由于空间问题，停了一段时间
现已恢复正常，希望能与贵站恢复友链
给您带来的不便深表歉意
志文工作室
@任侠
链接已经加上
呵呵~
很好的素材，收藏啦。
非常不错哦！
@竹
好的设计就在于细节上的体现。
好久没来，博客发展得很是不错啊
兄弟们 风云春秋博客我又回来了 新的域名 新的启程 2010年了大家一起努力啊！
新的域名：http://www.hixiaobo.com/ 有空大家常去坐坐哦！
的确很精美,谢谢分享
很好的素材，过目过目先
改成中文的话，用的人肯定更多了~
大多数很漂亮，有机个很丑陋啊 O(∩_∩)O呵呵~
还是挺不错的么！
有些还挺好看的
本站由于空间问题，停了一段时间
现已恢复正常，希望能与贵站恢复友链
给您带来的不便深表歉意
志文工作室
真精美，多谢分享
是很漂亮，我也对一些链接进行美化，但是都比较简单
好漂亮啊！
好漂亮啊
漂亮，偶要下载~
嗯 确实很漂亮 哈哈~~
这么好的东西怎么能错过啊 ！