요런식의 버튼을 만들려면...

· 12년 전 · 1094 · 4

코드 아시는분 알려주세요 :o)


|

댓글 4개

<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 로 정렬시키는거죠.
감사합니다 :o)
댓글을 작성하시려면 로그인이 필요합니다. 로그인

자유게시판

+
제목 글쓴이 날짜 조회
12년 전 조회 2,796
12년 전 조회 1,155
12년 전 조회 1,158
12년 전 조회 1,083
12년 전 조회 1,096
12년 전 조회 2,538
12년 전 조회 1,134
12년 전 조회 1,167
12년 전 조회 1,298
12년 전 조회 1,971
12년 전 조회 1,096
12년 전 조회 1,102
12년 전 조회 1,782
12년 전 조회 1,074
12년 전 조회 1,095
13년 전 조회 1,172
13년 전 조회 1,975
13년 전 조회 1,291
13년 전 조회 1,397
13년 전 조회 1,106
13년 전 조회 1,088
13년 전 조회 1,108
13년 전 조회 2,347
13년 전 조회 1,082
13년 전 조회 1,230
13년 전 조회 1,195
13년 전 조회 1,131
13년 전 조회 1,093
13년 전 조회 2,169
13년 전 조회 1,122
🐛 버그신고