[tip]input버튼 스타일 시트를 적용해서 이쁘게 해봐요~

 

input태그로 버튼을 만들면  이런 회색버튼이 생기죠?

이 버튼을 style태그를 이용해서 이쁘게 변신시켜봅시다. ^^

<style>
.button {
border:1x solid #ff0080;    /*---테두리 정의---*/
background-Color:#ffe6f2;   /*--백그라운드 정의---*/
font:12px 굴림;      /*--폰트 정의---*/
font-weight:bold;   /*--폰트 굵기---*/
color:#ff0080;    /*--폰트 색깔---*/
width:130;height:30;  /*--버튼 크기---*/
}

</style>

 

<input type="button" value="잠탱이버튼 (∩_∩)" class="button">

 

위의 스타일시트를 이쁘게 조절하면 된답니다. ^^

그럼 아래와 같이 이쁜 분홍색 버튼이 되용~~

<tip>

style태그 안에 있는 border: 1px solid #ff0080을 border: 1px dashed #ff0080로 고쳐보세요. 테두리가 점선으로 바꿔요~~ 히힛~~ ^^

출처 : http://blog.naver.com/unicone?Redirect=Log&logNo=60030845052