button style [2005-9-6] any 发表在 实验作品展 |
看一下效果,你觉得是用图形软件实现的么?这个当然可以而且很简单.但是这里是用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标准是很必要的! |
≡≡≡≡≡ 评论(共 条)我要评论 |