개발하는 루루언니

css: a태그로 특정위치 이동하기 ( id 속성 이용 #) 본문

컴퓨터 정보/css

css: a태그로 특정위치 이동하기 ( id 속성 이용 #)

혜닝혜루 2022. 11. 20. 17:36
728x90
반응형

메뉴바를 만들고 

<nav class="navbar">
    <ul class="navbar_menu">
        <li><a href="#about">About me</a></li>
        <li><a href="#archiving">Archiving</a></li>
        <li><a href="#skils">Skills</a></li>
        <li><a href="#projects">Projects</a></li>
        <li><a href="#Context">Context</a></li>  

    </ul>
  </div>

 

예시로 메뉴바 About me를 클릭시 about페이지로 가고싶다

a태그안에 href를 #about으로 하고 

 about페이지를 갈 곳에 id로 값을 지정해 주면된다.

 

<section class="aboutContainer" id="about">

 

728x90

'컴퓨터 정보 > css' 카테고리의 다른 글

CSS : 반응형 레이아웃 그리드 (Grid)  (0) 2022.11.28
CSS : scroll-begavior 스무스 하게 스크롤 내리기  (0) 2022.11.28
css : line-height 위아래 줄간격  (0) 2022.11.18
CSS : transition 부드럽게 일정시간에 맞춰 효과  (0) 2022.11.18
css : 비활성화 disabled  (0) 2022.11.15
'컴퓨터 정보/css' Related Articles more