CSS navigation bar2 CSS Website Layout CSS Website Layout 웹 사이트는 종종 머리글, 메뉴, 내용 및 바닥글로 나뉜다: 선택할 수 있는 다양한 레이아웃 설계가 있다. 그러나 위의 구조는 가장 일반적인 구조 중 하나이며, 이 튜토리얼에서 자세히 살펴보겠다. Header 헤더는 일반적으로 웹 사이트의 상단(또는 상단 탐색 메뉴 바로 아래)에 있다. 여기에는 로고 또는 웹 사이트 이름이 포함되는 경우가 많다: Header header 스타일은 background-color #f1f1f1, padding 20px, text-align center 로 스타일을 지정하였고, 위의 코드를 실행한 결과는 아래 그림과 같다. CSS Navigation Bar 탐색 모음에는 웹 사이트를 탐색하는 방문자에게 도움이 되는 링크 목록이 포함되어 있습니.. 2023. 9. 9. CSS navigation bar CSS navigation var 사용하기 쉬운 탐색 기능은 웹 사이트에 매우 중요하다. CSS를 사용하면 지루한 HTML 메뉴를 보기 좋은 네비게이션 바로 변환할 수 있다. Navigation bar = list of links 탐색 모음에는 표준 HTML이 기본으로 필요하다. 이 예제에서는 표준 HTML 목록에서 탐색 모음을 작성한다. 탐색 모음은 기본적으로 링크의 목록이므로 및 요소를 사용하면 다음과 같은 이점이 있다: 홈 뉴스 연락처 About 참고: 우리는 테스트 링크에 href="#"을 사용합니다. 실제 웹 사이트에서 이것은 URL일 것입니다. 위의 코드를 실행하면 아래 그림과 같이 리스트에 링크를 설정한 메뉴가 표시되며 아래 그림과 같다. 이제 글머리 기호와 여백 및 패딩을 목록에서 제거한다.. 2023. 9. 1. 이전 1 다음
