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로 고쳐보세요. 테두리가 점선으로 바꿔요~~ 히힛~~ ^^
[출처] [tip]input버튼 스타일 시트를 적용해서 이쁘게 해봐요~|작성자 푸키
