ganlisxn
- 浏览: 140977 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
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 5366十进制转换成其他进制 ... -
下载弹出提示框
2009-05-15 20:28 1388有个朋友问我下载弹出提示框的写法，具体如下： 出现 ... -
JS读取xml
2009-05-14 18:20 1820<!DOCTYPE html PUBLIC ... -
CSS参考样式
2009-04-20 14:09 880http://www.52css.com/css_templa ... -
类的访问权限
2009-04-14 11:25 861public：作用域为所有类。protected：作用域为当前 ... -
IO模式详解URL
2009-04-08 17:50 1112http://www.builder.com.cn/2008/ ... -
正则验证16进制
2009-04-01 17:55 3752今天我写了个正则表达式的16进制的 表达式 var hex = ... -
sql exists 总结
2009-02-25 09:38 1053select t1.code as bossgroupid ... -
js 对页面table数据排序
2009-02-13 18:41 1880function ieOrFireFox(ob) { ... -
MD5算法学习及其对用户密码加密的应用收藏和RSA加密及解密3DEX加密解密
2009-02-12 14:55 2365前段时间有个客户提交了一个需求，说我们的系统中，subscr ... -
JS 生成Word ,excel 例子
2009-02-10 17:46 2747<HTML> <HEAD> ... -
innerHTML,outerHTML,innerText,outerText区别
2009-02-10 17:36 1086innerHTML获取标签内的HTMLouterHTML获取标 ... -
java IO 经验总结
2009-01-18 13:48 1466IO 一直让我很困惑，下面我就IO 读取文件总体 总结下 In ... -
BufferedInputFile---thinking in java书上的一个问题？？？
2009-01-18 11:59 6691呵呵，我也发发现这个问题，刚开始我也很困惑，BufferedI ... -
web 网页材料制作的好去处
2008-12-08 15:37 830http://www.cool80.com/gif/index ... -
开发工作空间映射for windows operationsystem
2008-12-03 09:57 986SUBST M: D:\workspace -
创建dblink
2008-11-07 18:29 2481创建dblink create database link O ... -
time
2008-11-07 18:03 917import java.text.ParseExceptio ... -
正则表达式总结
2008-11-02 19:23 844一 正则表达式的正文。 正则表达式中使用了特殊符号。下面我就将 ... -
有效数据截取，Java对象
2008-10-28 17:34 931例如： BigDecimal b = new BigDeci ...
相关推荐
毛玻璃效果，又称模糊效果或Glassmorphism，是近年来在网页设计中流行的一种风格，它模仿了玻璃透明且带有微妙模糊感的特性，为用户界面带来了一种轻盈且现代的视觉体验。在这个"好看的毛玻璃效果的登陆界面"项目中...
【纯CSS3霓虹样式搜索框动画特效特效代码】是一个利用现代CSS3技术实现的创新设计，它将传统的搜索框赋予了霓虹灯般的视觉效果，并且带有动态展开与收缩的交互功能。这个特效主要依赖于CSS3的transform属性，通过...
本文将详细解析如何创建一个带有背景高斯模糊效果的登录界面，并探讨相关技术及其应用。 首先，我们需要理解“背景高斯模糊”的概念。高斯模糊是一种图像处理技术，它通过对图像进行加权平均来减少图像的噪声和增加...
mx142100_mmflabuttonstyles 13款Flash Button，并带有.fla的源文件 mx196756_turkeyscounties 80多个国家的一个下拉菜单 FlashImage 响应鼠标事件的图片渐显渐隐效果 real_networks 在页面中插入流式播放的Real视频...
13款Flash Button，并带有.fla的源文件 mx196756_turkeyscounties 80多个国家的一个下拉菜单 FlashImage 响应鼠标事件的图片渐显渐隐效果 real_networks 在页面中插入流式播放的Real视频和音频文件 MX131662_...
由于IE6对PNG格式图片的支持不足，经常导致带有半透明效果的PNG图片出现黑边或者显示不正常。针对这个问题，有几种有效的解决策略，以下将详细介绍这三种方法。 1. **CSS Alpha Transparency Filter** 在CSS中，...
6. **透明样式**: CSS滤镜可以实现图像的透明效果，例如`filter:alpha(opacity=90,style=1)`，`opacity`定义透明度，`style`定义透明类型。 7. **观察键值**: 通过`onkeydown`事件监听键盘按键，`window.event....
flex3的cookbook书籍完整版dpf（包含目录）,目录是我花了两个多小时自己整理的，希望对大家有帮助。 目录： 第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 ...