버튼, font만들기

폰트 종류

font-family
=
바탕, 굴림, 돋움, 궁서
sans-serif, serif, cursive, fantasy, monospace

폰트 두께

font-weight
= normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
: 100 - Thin ~ 900 - Heavy 로 이루어져있고, 폰트에서 지원하는 두께만을 표시한다. 400이 기본이고, 그것보다 작아지면 얇아지고 커지면 두꺼워진다.
: normal = 400, bold = 700, bolder와 lighter는 부모로부터 inherit된 값에 따라 달라진다.
: font-weight의 예
style="font-weight:normal"
style="font-weight:bold"
style="font-weight:bolder"
style="font-weight:lighter"
style="font-weight:100"
style="font-weight:200"
style="font-weight:300"
style="font-weight:400"
style="font-weight:500"
style="font-weight:600"
style="font-weight:700"
style="font-weight:800"
style="font-weight:900"

버튼 만들어보기

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

위 코드에 밑에 코드 추가.

<span class="navbar-toggler-icon"> My velog </span>

결과는 아래와 같다.

My velog

코드를 입력하세요
```<button> 버튼으로 만들 수 있는 텍스트 입력 </button>

button태그를 통해서 버튼을 만들 수 있고
  <button class = 클래스명> </button>
  을 통해서 css를 적용하거나 img를 넣을 수 있다.