利用CSS+图片打造个性按钮

2022-07-15 80酷酷网 80kuku.com

首先是在www.126.com上发现的,感觉很好用很奥妙,值得收藏和分享
通过css来读取图片坐标系实现局部背景图

这个是网易126上的登陆按钮

以下是HTML网页特效代码，点击运行按钮可查看效果：以下是程序代码<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 -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"></font><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

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