요런식의 버튼을 만들려면... 정보
요런식의 버튼을 만들려면...
본문
코드 아시는분 알려주세요 :o)
댓글 전체
<button style='border:1px #0033ff solid; background-color:#0099ff; color:white; padding:5px 10px;font-weight:bold;'>번역하기</button>
색상은 바꿔주셔요~
색상은 바꿔주셔요~
감사감사요 T_T
위에것도 하나의 방법이긴한데 저 방법보다는
<style>
.button_a {display:block;height:25px;line-height:25px;border:1px solid #ddd;background-color:#000;color:#fff;text-align:center;font-weight:bold;
</style>
<button class="button_a">번역하기</button>
이게 더 효율적인것같습니다.
높이 25px 를 잡고 텍스트 높이도 25px 로 하면 딱 위 아래 높이가 일치하게되며
거기서 이미지에는 중간으로 잡혀있으니까 text-align:center 로 정렬시키는거죠.
<style>
.button_a {display:block;height:25px;line-height:25px;border:1px solid #ddd;background-color:#000;color:#fff;text-align:center;font-weight:bold;
</style>
<button class="button_a">번역하기</button>
이게 더 효율적인것같습니다.
높이 25px 를 잡고 텍스트 높이도 25px 로 하면 딱 위 아래 높이가 일치하게되며
거기서 이미지에는 중간으로 잡혀있으니까 text-align:center 로 정렬시키는거죠.
감사합니다 :o)