7 가입 버튼 넣기 JOIN FREE FOR A MONTH

결과물 미리 보기 

 

---

1 html 에 버튼 태그 만들기

 

2 css에서 버튼 모양 만들기

.btn {

font-size: 14px;

letter-spacing: 1.9px;

font-weight: 400;

margin: .5em .5em .5em 0;

padding: 12px 2em;

color: #fff;

background-color: #e50914;

cursor: pointer;

text-decoration: none;

vertical-align: middle;

font-family: Arial,sans-serif;

border-radius: 2px;

user-select: none;

text-align: center;

border: 0;

}

 

3 커서 올렸을 때 버튼 색 연하게 만들기 

 

결과물 

header 섹션이 모두 완성되었다.