推荐几组漂亮的按纽CSS（名字自己定义）

2016-02-19 17:26 9 1 收藏

下面图老师小编要向大家介绍下推荐几组漂亮的按纽CSS（名字自己定义），看起来复杂实则是简单的，掌握好技巧就OK，喜欢就赶紧收藏起来吧！

【 tulaoshi.com - Web开发】

　　大家可以自己去定义名字，然后调用，代码如下:

以下是引用片段：
{
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
}
{
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
}
{
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
}
{
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
}
{
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
}
{
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
}

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
}

来源:http://www.tulaoshi.com/n/20160219/1615224.html

上一篇：有关web标准化的一些想法
下一篇：在Word2010中邮件合并时预览结果

看过《推荐几组漂亮的按纽CSS（名字自己定义）》的人还看了以下文章更多>>

推荐几组漂亮的按纽CSS（名字自己定义） 02-19
Photoshop制作晶莹剔透的玻璃按纽 02-05
[视频]Visual Studio 2005入门之按纽(Button) 02-19
Delphi模拟最小化恢复关闭按纽 01-29
用PHP画一个可以更换文字的按纽 01-29
猫能记住自己的名字吗 05-27
CSS教程:按整洁易懂的结构组织CSS样式 02-20
微信群名字自定义 04-02
CSS定义标题的实例讲解 02-19
超漂亮的绿色按扭制做 01-30

利用CSS按比例缩小图片

标签： Web开发

当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。对于IE 6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，我们往往会借助Javascript...

胎儿是按自己的意志出生的

选择适合胎儿的聆听方式胎教音乐有两种，一种是给准妈妈听的，优美、安静，以E调和C调为主；另一种是给胎宝宝听的，轻松、活泼、明快，以C调为主。准妈妈在怀孕期间，应选择旋律温和自然、有规律性的音乐。如大自然的河川、溪流声，虫鸣鸟叫声。古典音乐(特别是巴洛克音乐)因为其节奏和妈妈心跳相近，所以对胎儿和新生儿有启发和安抚的作...

漂亮的CSS变色日历

标签： Web开发

style .cal_0 table{ border:none; font-family:tahoma; font-size:9px; text-align:center; } .cal_0 th{ height:17; background-image:expression("url("+MyCal.color+"_h.gif)"); ...

CSS继承样式定义方法

标签： Web开发

继承样式定义方法,这样写的好处可以节省网页的代码容易真正的代码与内容相分离,对seo优化也有很大的帮助,下面我们来看一个简单的实例. style .nav ul li a:hover{ background:url(imgs/hover.gif) left top no-repeat; } .nav ul li{ height:28px; width:100%; } .nav ul li a{ display:block; height:28px; width:100%; margin...

宝宝多大对自己的名字有反应

标签：育儿知识

宝宝每天总在哭，这种情况什么时候会有所改善？在宝宝出生后的好几个月里，哭泣都会伴随着他每天的成长。2~3周大时，哭泣的情况会开始增加，到6~8周大时达到高峰，然后慢慢减少，到4个月时就越哭越少了。在傍晚和清晨的时候，宝宝会哭得比较多，因为过了漫长的一天，他们的情绪需要得到一定的释放。当宝宝哭泣时，爸妈首先要检查宝宝的基本...

查看更多精彩>>