- 浏览: 136667 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
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 3651今天我写了个正则表达式的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 1429IO 一直让我很困惑,下面我就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滤镜属性制作图片滤镜特效