버튼 스타일링할 때

혜미·2022년 1월 19일
0

CSS

목록 보기
20/31
post-thumbnail

버튼 요소든 a 태그를 버튼처럼 만든 경우이든

padding으로 버튼 크기 조정하기. width, height 쓰지 않기.

이유 1: width, height 쓰면 텍스트가 자동으로 가운데 오지 않는다.
이유 2: 버튼 여러 개를 한 번에 스타일링하는 경우 버튼 안에 있는 텍스트 크기가 각각 다르면(그래서 그 중 긴 텍스트가 있는 경우) 좌우가 빽빽하게 꽉 차거나 넘쳐서 이걸 수정하려면 코드가 더 길고 복잡해진다.

✨팁: padding-right, padding-left가 padding-top, padding-bottom보다 커야 한다. 보통은 1: 2.5 정도가 좋다.

0개의 댓글