CSS定义的发光按钮

看到了一个很漂亮的按钮,研究制作了出来。

CSS代码如下:

—————————————————————————————-

/*双态发光大按钮*/
#btn{
color: #000;
width:203px;
}
.btn_glow a {
margin:5px 0;display:block;text-align:center;padding:10px;
font-weight:bold;background:#fff url(“btn_addnews.gif”) no-repeat;
font-size:16px;font-family:”Microsoft Yahei”,宋体,sans-serif;

}
.btn_glow a:link{
color:#fff;
text-decoration: none;
}
.btn_glow a:visited{
color:#fff;
text-decoration: none;
}
.btn_glow a:hover{
color: #fff;
background: #fff url(“btn_addnews2.gif”) no-repeat;
text-decoration: none;
}
.btn_glow a:active{
color: #fff;
background: #fff url(“btn_addnews2.gif”) no-repeat;
text-decoration: none;
}

—————————————————————————————-

源图片:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据