上一篇
下一篇
css图片按钮代码
日期:2009-05-17作者:admin
CSS:<style>
Example Source Code
.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>
HTML:
Example Source Code
<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">
Example Source Code .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>
HTML:
Example Source Code <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">
文章来自: 
引用通告: 
Tags: 评论: 1 | 引用: 0 | 查看次数: -
回复
翔子[2011-04-18 03:13 PM | 
]发表评论