用CSS来实现鼠标翻转的特效代码2

来源： 录入时间：07-06-09 21:38:22

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br> 需要两个图片：tabsquare.jpg，tabsquareover.jpg <style> .hbuttons a{ display: block; text-decoration: none; font: bold 13px Arial; color: black; width: 78px; height: 23px; float: left; display: inline; margin-right: 8px; background-image:url(http://www.webjx.com/js/tabsquare.jpg); background-repeat: no-repeat; padding-top: 4px; text-align:center; } .hbuttons a:hover{ background-image:url(http://www.webjx.com/js/tabsquareover.jpg); } </style> <div class="hbuttons"> <a href="http://www.webjx.com">Home </a> <a href="http://www.webjx.com">Submit </a> <a href="http://www.webjx.com/">Resources </a> <a href="http://www.webjx.com/">Contact </a> </div> <div style="clear: left;"></div> <br/><br/><br/><br/><br/><br/><br/> 两个图片供大家下载使用 <img src=http://www.webjx.com/js/tabsquare.jpg> <img src=http://www.webjx.com/js/tabsquareover.jpg>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

上一篇文章：
下一篇文章：