2013-12-02

인터넷에 돌아다니는 button.css 파일을 좀 줄여서 만든 소스.

위와 같은 이미지가 필요하고,

<style>
.button1, .button1 input, .button1 a { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/image/sub/btn_g.gif) no-repeat; overflow:visible; color:#333;}

.button1 { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}

.button1 input, .button1 a{ left:2px; vertical-align:top; cursor:pointer;}

.button1 input, .button1 a{ height:20px; padding:0 10px 0 8px; font-size:12px; color:#ffffff; font-weight:bold; line-height:20px; background-position:right top;}
</style>

<span class="button1"><a href="">button</a></span>
<span class="button1"><input type="button" value="button"></span>

위와 같은 방식으로 사용한다.