css控制图片按钮的代码

2009-07-03 0 条评论 4,480 次阅读被赞了 0 次

css控制图片按钮的代码：

<html>
<body>
<head>
<style>
.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 -30px; 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>
</head>
<body>
<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">
</body></html>