크기
Coddy의 CSS 프로젝트 - 멋진 버튼 코스 레슨 — 8개 중 3번째.
버튼의 크기를 조절하는 것부터 시작해 봅시다.
버튼의 width나 height를 변경하면 텍스트가 중앙에 위치하지 않을 수 있으므로, padding을 조절하는 것이 더 좋은 방법입니다.
챌린지
쉬움작업:
- 버튼 텍스트의 글꼴 크기를 원하는 대로 설정하되, 기본 크기(
14px)와는 다르게 설정하세요. - 세로 패딩을
8px로, 가로 패딩을16px로 설정하세요. - 원하는 대로 마진(margin)을 설정하세요.
styles.css를 사용하여 버튼을 선택하고 스타일을 지정하세요.
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>