<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>50个button样式-Download by http://www.codefans.net</title>
<link href="button.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<input type="button" value="Update" onmouseover="this.style.borderColor='#75cd02'" onmouseout="this.style.borderColor='#dcdcdc'" class="btn1 pbtn1" />
<input type="button" value="Delete" onmouseover="this.style.borderColor='#f76b00'" onmouseout="this.style.borderColor='#dcdcdc'" class="btn2 pbtn1" />
<input type="button" value="Reset" onmouseover="this.style.borderColor='#86c6f7'" onmouseout="this.style.borderColor='#dcdcdc'" class="btn3 pbtn1" /><br />
<input type="button" value="Submit" class="btn4" />
<input type="button" value="Button" class="btn5" />
<input type="button" value="Add Group" class="btn6" onmouseover="this.style.backgroundPosition='left -35px'" onmouseout="this.style.backgroundPosition='left top'" /><br />
<button type="button" class="pbtn2"><img src="image/button/register.gif" alt="register" /></button>
<button type="button" class="pbtn2 btn8"><img src="image/button/favorite.gif" alt="favorite" /></button>
<button type="button" class="pbtn2 btn9"><img src="image/button/help.gif" alt="help" /></button><br />
<input type="button" class="btn10" onmouseover="this.style.backgroundPosition='left -40px'" onmouseout="this.style.backgroundPosition='left top'" value="Submit" />
<input type="button" class="btn11" onmouseover="this.style.backgroundPosition='left -40px'" onmouseout="this.style.backgroundPosition='left top'" value="Sbumit" />
<input type="button" class="btn12" onmouseover="this.style.backgroundPosition='left -40px'" onmouseout="this.style.backgroundPosition='left top'" value="Sbumit" /><br />
<button type="button" class="pbtn3"></button>
<button type="button" class="pbtn3 btn14"></button>
<button type="button" class="pbtn3 btn15"></button><br />
<button type="button" class="btn16"></button>
<button type="button" class="btn17"></button>
<button type="button" class="btn18"></button><br />
<button type="button" class="btn19" onmouseover="this.style.backgroundPosition='left -36px'" onmouseout="this.style.backgroundPosition='left top'" value="Sbumit"></button>
<button type="button" class="btn20" onmouseover="this.style.backgroundPosition='left -37px'" onmouseout="this.style.backgroundPosition='left top'" value="Sbumit"></button>
<button type="button" class="btn21" onmouseover="this.style.backgroundPosition='left -40px'" onmouseout="this.style.backgroundPosition='left top'" value="Sbumit"></button><br />
<input type="button" class="btn22" value="Downloads!" onmouseover="this.style.backgroundPosition='left -42px'" onmouseout="this.style.backgroundPosition='left top'" />
<input type="button" class="btn23" value="Call me !!" onmouseover="this.style.backgroundPosition='left -45px'" onmouseout="this.style.backgroundPosition='left top'" />
</div>
<div class="d2">
<input type="button" class="btn24" value="Closed" onmouseover="this.style.backgroundPosition='left -50px'" onmouseout="this.style.backgroundPosition='left top'" />
<input type="button" class="btn25" value="Submit" onmouseover="this.style.backgroundPosition='left -49px'" onmouseout="this.style.backgroundPosition='left top'" /><br />
<input type="button" class="btn26" value="Submit" onmouseover="this.style.backgroundPosition='left -36px'" onmouseout="this.style.backgroundPosition='left top'" />
<input type="button" class="btn27" value="Online" />
<input type="button" class="btn28" value="Rss Feed" /><br />
<input type="button" class="btn29" value="Submit" onmouseover="this.style.backgroundPosition='left -43px'" onmouseout="this.style.backgroundPosition='left top'" />
<input type="button" class="btn30" value="Button" />
<input type="button" class="btn31" value="Search" /><br />
<input type="button" class="btn32" value="Search" />
<input type="button" class="btn33" value="Search" onmouseover="this.style.backgroundPosition='left -49px'" onmouseout="this.style.backgroundPosition='left top'" /><br />
<input type="button" class="btn34" value="Button" />
<input type="button" class="btn35" value="Button" onmouseover="this.style.backgroundPosition='left -40px'" onmouseout="this.style.backgroundPosition='left top'" />
<input type="button" class="btn36" value="Button" onmouseover="this.style.backgroundPosition='left -38px'" onmouseout="this.style.backgroundPosition='left top'" />
</div>
<div class="d3">
<input type="button" class="btn37" value="Hard rock" />
<input type="button" class="btn38" value="Your profile" />
<input type="button" class="btn39" value="British" /><br />
<input type="button" class="btn40" value="Development" />
<input type="button" class="btn41" onmouseover="this.style.backgroundPosition='left -57px'" onmouseout="this.style.backgroundPosition='left top'" /><br />
<input type="button" class="btn42" value="Find out more" />
<input type="button" class="btn43" value="Enterprise Geteway" /><br />
<input type="button" class="btn44" value="Comments" />
<input type="button" class="btn45" value="Submit" onmouseover="this.style.backgroundPosition='left -75px';this.style.color='#bcf1a7';" onmouseout="this.style.backgroundPosition='left top';this.style.color='#ffafaf';" />
<input type="button" class="btn46" value="Submit" onmouseover="this.style.backgroundPosition='left -73px'" onmouseout="this.style.backgroundPosition='left top'" /><br />
<input type="button" class="btn47" value="New user interface" onmouseover="this.style.backgroundPosition='left -78px';this.style.color='#a15507';" onmouseout="this.style.backgroundPosition='left top';this.style.color='#097b96';" />
<input type="button" class="btn48" value="Send Comments" onmouseover="this.style.backgroundPosition='left -67px';this.style.color='#d7bff2';" onmouseout="this.style.backgroundPosition='left top';this.style.color='#8bf8ff';" /><br />
<input type="button" class="btn49" />
<input type="button" class="btn50" />
</div>
<!--
┏━━━━━━━━━━━━━━━━━━━━━┓
┃ 源 码 爱 好 者 ┃
┣━━━━━━━━━━━━━━━━━━━━━┫
┃ ┃
┃ 提供源码发布与下载 ┃
┃ ┃
┃ http://www.codefans.net ┃
┃ ┃
┃ 互助、分享、提高 ┃
┗━━━━━━━━━━━━━━━━━━━━━┛
-->
</body>
</html>
50多个超漂亮水晶Button按钮样式大集合
4星 · 超过85%的资源 需积分: 50 185 浏览量
2012-07-22
20:06:34
上传
评论 8
收藏 236KB RAR 举报 
css_button.rar （54个子文件） 
css_button 
button.htm 7KB button.css 8KB image button 
help.gif 991B
bg20.jpg 13KB bg19.jpg 10KB bg7.jpg 6KB bg10.jpg 2KB bg37.jpg 377B bg43.jpg 8KB bg27.jpg 3KB bg40.jpg 3KB ok.gif 146B bg46.jpg 8KB reset.gif 262B bg25.jpg 9KB bg18.jpg 4KB bg30.jpg 3KB bg36.jpg 5KB bg33.jpg 9KB bg47.jpg 16KB bg31.jpg 2KB bg34.jpg 2KB bg22.jpg 5KB bg38.jpg 5KB submit2.gif 592B bg2.jpg 921B bg44.jpg 5KB bg41.jpg 12KB bg17.jpg 6KB favorite.gif 1KB bg35.jpg 7KB bg1.jpg 2KB bg23.jpg 7KB bg42.jpg 5KB bg48.jpg 14KB delete.gif 104B bg16.jpg 3KB bg50.jpg 5KB bg24.jpg 11KB bg26.jpg 6KB bg12.jpg 7KB bg11.jpg 6KB submit1.gif 589B bg49.jpg 11KB submit3.gif 595B bg29.jpg 7KB bg13.jpg 14KB bg3.jpg 3KB bg32.jpg 5KB register.gif 836B bg21.jpg 7KB bg39.jpg 343B bg28.jpg 4KB bg45.jpg 12KB
- 1
- 2
- 3
- 4
- 5
- 6
前往页