사이트 상단메뉴 구현하기

HTML

 

 

 

 

1. 사이트 제목인 BNX는 하나의 엘리먼트로 만들어 줍니다.

2. section>nav로 section안에 nav태그로 메뉴이름들을 작성합니다.

 

 

 

 

 

 

 

 

CSS

 

1. 타이틀이 들어가있는 div태그부터 text-align를 center로 지정해주어 페이지의 가운데로 지정해줍니다.

2. font-weight로 글자의 굵기를 키워주고 font-size로 글자의 크기를 키우고 letter- spacing로 글자의 간격을 줄여줍니다.

3. 다음 section태그에서 text-align로 글자들을 가운데로 지정해줍니다. 이때 |||이것들 뿐아니라 nav태그들도 글자로 인식합니다.

4. font-weight로 글자의 굵기를 키워줍니다.

5. 마지막으로 nav태그에서 displainline-block로 설정하여 최소한으로 줄여 글자화합니다.

6. width를 사용하여 너비를 120px로 설정해줍니다.

 

 

- text-align : 글자의 위치 지정

- font-weight : 글자의 굵기 조절

- font-size : 글자의 크기 조절

- letter-spacing : 글자의 간격 조절

- width : 너비 조절

 

 

 

실행시키면 ~~!