【链接】CSS圆角按钮实现


★ CSS实现圆角六色渐变自适应按钮详解(原理学习)
http://www.zhangxinxu.com/wordpress/?p=377

纯CSS3 半圆角 动感颜色
http://www.oschina.net/question/5189_37133
http://www.wangjie.org/css-code/detail-6405.aspx


通过像素拼接出来的圆角
http://demojava.iteye.com/blog/1560277

CSS3 渐变 圆角
(第二种方法)http://fengjiangtao.iteye.com/blog/1635123
http://www.cnblogs.com/duwx/archive/2010/06/21/1761784.html

圆角生成器(学习各种)
http://zh.roundedcorner.org/

大小字数自适应 阴影效果
http://www.zhangxinxu.com/study/200910/css-width-height-auto-btn.html

------------
纯CSS渐变按钮具有如下优势:
1. 不需要使用图片和 JavaScript。
2. 能够兼容IE、Firefox 3.6+、Chrome 和 Safari 等主流浏览器,不兼容 Opera 浏览器。
3. 支持三种按钮状态:正常、悬停和激活。
4. 可以应用到任何 HTML 元素: a, input, button, span, div, p, h3 等。
5. 安全兼容不支持 CSS3 的浏览器,如果不兼容 CSS3,则显示没有渐变和阴影的普通按钮。


-----------《不推荐方法》---------------------------------
背景图片 CSS+JS
http://www.codefans.net/jscss/code/413.shtml


图片背景自适应圆角按钮
http://marslau.com/archives/68.html
(第一种方法)http://fengjiangtao.iteye.com/blog/1635123

图片实现蓝底
http://blog.sina.com.cn/s/blog_757937f70101a6d4.html

 

posted @ 2013-11-14 13:13  LetitiaChan  阅读(361)  评论(0)    收藏  举报