html图片按钮点击效果代码,用CSS + 图片的方式制作漂亮的点击效果按钮

用CSS + 图片的方式制作漂亮的点击效果按钮

用 CSS 让你的按钮(button)更加迷人 - 按钮, button, css,

用 CSS 让你的按钮(button)更加迷人

a.button {

background: transparent url("http://www.syku.net/web/UploadFiles_5065/200712/20071203121045802.gif") no-repeat scroll top right;

color: #444;

display: block;

float: left;

font: normal 12px arial, sans-serif;

height: 24px;

margin-right: 6px;

padding-right: 18px; /* sliding doors padding */

text-decoration: none;

}

a.button span {

background: transparent url("http://www.syku.net/web/UploadFiles_5065/200712/20071203121046965.gif") no-repeat;

display: block;

line-height: 14px;

padding: 5px 0 5px 18px;

}

a.button:active {

backgroun