ganlisxn
- 浏览: 136672 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
sparksun007：
不是你粗心，是作者应该更详细地备注说明下！
BufferedInputFile---thinking in java书上的一个问题？？？ -
coosummer：
推荐使用http://buttoncssgenerator.c ...
css制作button 带有滤镜效果 -
concideration：
thank you!
BufferedInputFile---thinking in java书上的一个问题？？？ -
lvlcl：
me too 。。。
BufferedInputFile---thinking in java书上的一个问题？？？ -
asi2012：
thingking in java就是经常使用很多他自定义的封 ...
BufferedInputFile---thinking in java书上的一个问题？？？
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn_2k3 {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
}
.btn_flat {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px; FILTER: BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: black; BORDER-BOTTOM: #ffffff 1px solid
}
css+html:
<style>
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
;width:60px; height:22px;letter-spacing: 0.2cm
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
;width:60px; height:22px;letter-spacing: 0.2cm
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
;width:60px; height:22px;letter-spacing: 0.2cm
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
;width:60px; height:22px;letter-spacing: 0.2cm
}
.btn_2k3 {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
;width:60px; height:22px;letter-spacing: 0.2cm
}
.btn_flat {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px; FILTER: BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: black; BORDER-BOTTOM: #ffffff 1px solid
}
</style>
<body>
<button class=btn_flat title="好看的按钮">好看的按钮1</button><P></p>
<button class=btn title="好看的按钮">好看的按钮1</button><P></p>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'"
title="好看的按钮">好看的按钮2</button>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'" DISABLED>好看的按钮3</button>
<P>
<button class=btn2 title="好看的按钮">好看的按钮4</button>
<P>
<button class=btn3_mouseout onmouseover="this.className='btn3_mouseover'"
onmouseout="this.className='btn3_mouseout'"
onmousedown="this.className='btn3_mousedown'"
onmouseup="this.className='btn3_mouseup'"
title="好看的按钮">查询</button>
<P>
<button class=btn_2k3 title="好看的按钮">查询</button>
分享到：
评论
1 楼
coosummer
2015-11-11
推荐使用http://buttoncssgenerator.com ，可以生成各种效果的按钮css，包括圆角、渐进颜色、阴影，并兼容各大主流浏览器
发表评论
-
JS十进制，十六进制，八进制，二进制他们的转换总结
2009-06-13 17:38 5273十进制转换成其他进制 ... -
下载弹出提示框
2009-05-15 20:28 1341有个朋友问我下载弹出提示框的写法，具体如下： 出现 ... -
JS读取xml
2009-05-14 18:20 1770<!DOCTYPE html PUBLIC ... -
CSS参考样式
2009-04-20 14:09 837http://www.52css.com/css_templa ... -
类的访问权限
2009-04-14 11:25 810public：作用域为所有类。protected：作用域为当前 ... -
IO模式详解URL
2009-04-08 17:50 1064http://www.builder.com.cn/2008/ ... -
正则验证16进制
2009-04-01 17:55 3652今天我写了个正则表达式的16进制的 表达式 var hex = ... -
sql exists 总结
2009-02-25 09:38 1011select t1.code as bossgroupid ... -
js 对页面table数据排序
2009-02-13 18:41 1846function ieOrFireFox(ob) { ... -
MD5算法学习及其对用户密码加密的应用收藏和RSA加密及解密3DEX加密解密
2009-02-12 14:55 2314前段时间有个客户提交了一个需求，说我们的系统中，subscr ... -
JS 生成Word ,excel 例子
2009-02-10 17:46 2706<HTML> <HEAD> ... -
innerHTML,outerHTML,innerText,outerText区别
2009-02-10 17:36 1000innerHTML获取标签内的HTMLouterHTML获取标 ... -
java IO 经验总结
2009-01-18 13:48 1430IO 一直让我很困惑，下面我就IO 读取文件总体 总结下 In ... -
BufferedInputFile---thinking in java书上的一个问题？？？
2009-01-18 11:59 6652呵呵，我也发发现这个问题，刚开始我也很困惑，BufferedI ... -
web 网页材料制作的好去处
2008-12-08 15:37 741http://www.cool80.com/gif/index ... -
开发工作空间映射for windows operationsystem
2008-12-03 09:57 908SUBST M: D:\workspace -
创建dblink
2008-11-07 18:29 2444创建dblink create database link O ... -
time
2008-11-07 18:03 838import java.text.ParseExceptio ... -
正则表达式总结
2008-11-02 19:23 804一 正则表达式的正文。 正则表达式中使用了特殊符号。下面我就将 ... -
有效数据截取，Java对象
2008-10-28 17:34 886例如： BigDecimal b = new BigDeci ...
相关推荐
主要介绍了如何使用css达到滤镜的效果,其中包含了各种滤镜，通过相关的滤镜函数达到不同的效果。
CSS滤镜大全 各类滤镜 HTML滤镜大全 IE滤镜大全
精通CSS滤镜，精通CSS滤镜，精通CSS滤镜
所有css下的滤镜效果，全面展示，css 滤镜大全
全套CSS滤镜特效 全套 CSS 滤镜 特效
Css Filterlab是一款免费开源程序，并且属于网页程序，所以，每一位有需要的人，都是可以自由下载...通过下方的时间轴，可以制作比较复杂的滤镜效果。 注意：本程序需要在Chrome/FireFox等浏览器下运行，IE是不行滴。
HTML5 CSS仿Instagram应用图片滤镜效果
纯CSS3图片滤镜效果
CSS 滤镜效果 很方便地找到需要的效果,里面有详细的解说.
HTML5+CSS实现的一款仿Instagram应用图片滤镜效果，HTML5图片滤镜特效。
本手册针对的是已有一定网页设计制作经验的读者。其目的是提供完整清晰的样式滤镜的快速索引及进阶帮助。所以对于网页制作和样式表的基础知识，仅简单介绍，恕不赘述。 本手册以浏览器的事实标准—— Internet ...
这是一款基于HTML5和CSS3的图片滤镜特效应用，每一张图片应用不同的滤镜效果都会有不一样的视觉特效。另外，你也可以切换图片，特别是应用在相册应用中，你不仅可以浏览不同的图片，而且对同一张图片可以有多种特效...
CSS滤镜在网页设计中的应用
HTML5 CSS3带去色滤镜效果的画廊插件特效，这是一个应用特效，使用本滤镜插件后，用户的鼠标在图片列表中滑动时，图片由黑白变为彩色，单击后图片在当前页最大化显示，右上角有关闭按钮，这个插件还可以让图片产生...
选择不同的预览方式，自动生成相应的css滤镜代码，
一些很好看的css3制作的button 有mac版很windows版
好看的button样式CSS,你值得下载，
CSS教程【CSS样式CSS滤镜】CHM版
css滤镜大全css滤镜大全css滤镜大全css滤镜大全css滤镜大全css滤镜大全css滤镜大全css滤镜大全
css3 filter滤镜属性制作图片滤镜特效 css3 filter滤镜属性制作图片滤镜特效 css3 filter滤镜属性制作图片滤镜特效 css3 filter滤镜属性制作图片滤镜特效