鼠标悬停，会变亮的CSS按钮

浏览数：90 / 时间：2015年06月09日 
<title>变亮效果的CSS按钮</title>
<style type="text/css">
.aaa {
    height: 22px;
    width: 72px;
    background-image: url(http://www.codefans.net/jscss/demoimg/201105/chakan_btn_bg.gif);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.aaa a:link {
    height: 22px;
    width: 72px;
    background-image: url(http://www.codefans.net/jscss/demoimg/201105/chakan_btn_bg.gif);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.aaa a:hover {
    height: 22px;
    width: 72px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    background-image: url(http://www.codefans.net/jscss/demoimg/201105/chakan_btn_bg.gif);
    background-position: 0px -22px;
    display: block;
    background-repeat: no-repeat;
}
</style>

 

鼠标悬停，会变亮的CSS按钮,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style sp nb js .net class style sp nb js .net

相关文章

随机文章

您可能还喜欢

您可能还喜欢