2011년 10월 6일 목요일

[Jsp][HTML] CSS 스타일 버튼

아래와 같은 스타일을 만들어 놓고,

<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억 ㅠㅠ

댓글 없음:

댓글 쓰기