button style - 达人(any)

2005/09/06 | button style
类别(实验作品展) | 评论(2) | 阅读(160) | 发表于 22:06: 看一下效果,你觉得是用图形软件实现的么?这个当然可以而且很简单.但是这里是用CSS和一个背景图实现的^_^

图片如下：

CSS代码:

input {font:bold 12px Tahoma;}
.submit a {
COLOR: #2b333c;
}
.submit {
BORDER-RIGHT: #acb5b5 3px double; BORDER-TOP: #c4cccc 3px double; BACKGROUND: url(background_form_element.gif) #fefefe repeat-x; BORDER-LEFT: #acb5b5 3px double; BORDER-BOTTOM: #6f7777 3px double;
}
.submit:hover {
BORDER-RIGHT: #94da78 3px double; BORDER-TOP: #aedf9a 3px double; BORDER-LEFT: #94da78 3px double; BORDER-BOTTOM: #6ab94b 3px double;
}

背景图:

图片如下：

这里提供的背景图是PNG格式.提示一下,效果在Firefox里浏览得到的是最好效果.怎么IE和Firefox对CSS的支持就不一样呢?看来WEB标准是很必要的!; 0