아래와 같은 스타일을 만들어 놓고,
<style type="text/css">
.myButton {
color: #150;
font: bold 84% 'trebuchet ms', helvetica, sans-serif;
background-color: #fed;
border: 1px solid;
border-color: #696 #363 #363 #696;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#aabbccdd', EndColorStr='#aabbccdd' );
}
.myButtonh {
color: #100;
font: bold 84% 'trebuchet ms', helvetica, sans-serif;
border: 1px solid;
border-color: #696 #363 #363 #696;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#ffffff', EndColorStr='#ffeeddaa' );
border-color: #c63 #930 #930 #c63;
}
</style>
<input type="submit" value="選択削除" class=myButton
onmouseover="this.className='myButtonh'"
onmouseout="this.className='myButton'">
버튼 마우스 오버, 마우스 아웃에 스타일을 연결 시킨다.
더 참고할 만한 싸이트는 요기
http://www.webreference.com/programming/css_stylish/
100억, 우선 1억 ㅠㅠ
댓글 없음:
댓글 쓰기