当前位置:编程学习 > JS >>

CSS 漂亮的水晶按钮

CSS美化按钮的实例 ,用一张背景图片将表单元素Button美化成水晶按钮的风格,更改水晶按钮的背景图片,就可更换风格,这个实例仅演示如何用CSS对Button进行美化。
答案:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS 水晶按钮</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none;}
body { background:#fff;padding:10px;}
button { height:59px; font-size:28px; font-family:Vernada; padding:0 30px; color:#fff; overflow:visible; border:1px solid #000; background:url(/jscss/demoimg/200908/buttonbg.gif);}
</style>
</head>
<body>
<button>CSS定义的漂亮水晶按钮</button>
</body>
</html>

上一个:JavaScript判断表单文本框中某字符的出现个数
下一个:JavaScript给按钮加上双重动作

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,