더북(TheBook)

그리고 텍스트별로 크기와 margin 속성 등을 지정합니다.

13/end/css/main.css - 메인 영역 텍스트 설정

main h4{
  font-size:2rem;
}
main h2{
  font-size:3.5rem;
  margin:2rem 0;
  letter-spacing:3px;
}
main p{
  max-width:500px;
  margin:0 auto;
  font-size:1.25rem;
}

다음으로 버튼을 꾸밉니다. 보통 버튼은 background-color 속성으로 배경색을 투명하게(transparent) 지정하고 시작하는 편이 좋습니다. 그리고 요소 내부와 외부에 간격을 주기 위해 paddingmargin 속성을 설정합니다.

13/end/css/main.css - 메인 영역 버튼 설정

main button.download{
  background-color:transparent;
  border:3px solid white;
  border-radius:20px;
  padding:1rem 2rem;
  margin-top:3rem;
  color:white;
  font-weight:bold;
  cursor:pointer;
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.