这篇博客介绍了如何使用CSS来创建一个具有鼠标悬停效果的登录按钮。通过定义两个不同的class `.inp_L1` 和 `.inp_L2`，并利用背景图片和鼠标事件（onMouseOver, onMouseOut）实现按钮状态的切换，达到美观的交互体验。"
125756056,7772701,华为OD机试题目：在矩阵中寻找给定单词,"['算法', 'Java', '编程挑战']
<style type="text/css">
<!--
.inp_L1,.inp_L2,{ background:url(http://mimg.126.com/index/bg_x.jpg) no-repeat };
.inp_L1{ width:67px; height:23px; background-position:-4px -4px; border:0; color:#464646; line-height:23px }
.inp_L2{ width:67px; height:23px; background-position:-4px -30px; border:0; color:#464646; line-height:23px }
-->
</style>
<input type="submit" value="登 录" class="inp_L1" onMouseOver="this.className='inp_L2'" onMouseOut="this.className='inp_L1'" id="input_btn1" name="enter.x" tabindex="4">
<!--
.inp_L1,.inp_L2,{ background:url(http://mimg.126.com/index/bg_x.jpg) no-repeat };
.inp_L1{ width:67px; height:23px; background-position:-4px -4px; border:0; color:#464646; line-height:23px }
.inp_L2{ width:67px; height:23px; background-position:-4px -30px; border:0; color:#464646; line-height:23px }
-->
</style>
<input type="submit" value="登 录" class="inp_L1" onMouseOver="this.className='inp_L2'" onMouseOut="this.className='inp_L1'" id="input_btn1" name="enter.x" tabindex="4">
扫一扫
1121
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
