Navigation Bars

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1610 1610

Navigation Bars

사용하기 쉬운 탐색 기능은 모든 웹 사이트에서 중요합니다.

CSS를 사용하면 지루한 HTML 메뉴를 멋진 탐색 모음으로 변형 할 수 있습니다.

탐색 모음 = 링크 목록

탐색 모음에는 표준 HTML이 기본으로 필요합니다.

이 예제에서는 표준 HTML 목록에서 탐색 모음을 작성합니다.

탐색 바는 기본적으로 링크 목록이므로 <ul> 및 <li> 요소를 사용하면 완벽하게 이해할 수 있습니다.

예

<ul>

<li><a href="contact.asp">Contact</a></li>

<li><a href="about.asp">About</a></li>

</ul>

<!DOCTYPE html>

<html>

<body>

<ul>

<li><a href="#contact">Contact</a></li>

<li><a href="#about">About</a></li>

</ul>

<p>Note: We use href="#" for test links. In a real web site this would be URLs.</p>

</body>

</html>

Note: We use href="#" for test links. In a real web site this would be URLs.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
947	CSS	Striped Tables(스트라이프 테이블)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1560
946	CSS	테이블 Hoverable Table	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2225
945	CSS	테이블 수평 분배기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1738
944	CSS	테이블 패딩	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2164
943	CSS	테치블 수직 정렬	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2233
942	CSS	테이블 수평 정렬	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2200
941	CSS	표 너비와 높이	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2019
940	CSS	표 축소 창	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1760
939	CSS	표 테두리	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2265
938	CSS	스타일리스트 색상	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1584
937	CSS	목록 - 속기 속성	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1663
936	CSS	List Item 마커 위치 지정	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1778
935	CSS	목록 항목 마커로 이미지 만들기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2379
934	CSS	HTML 목록 및 CSS 목록 속성	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2462
933	CSS	css Advanced - Link Buttons 고급 - 링크 버튼	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1814
932	CSS	CSS Links 배경색	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2275
931	CSS	CSS Links Text Decoration	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1855
930	CSS	CSS Links 스타일 링크	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1883
929	CSS	scale () 메서드	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1813
928	CSS	rotate () 메서드	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1513
927	CSS	CSS3 2D Transforms	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1554
926	CSS	부트 스트랩 아이콘	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3126
925	CSS	font variant 글꼴 변형	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2092
924	CSS	Font Weight [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1714
923	CSS	백분율과 em의 조합 사용 [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2130
922	CSS	Em로 글꼴 크기 설정 Set Font Size With Em	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2158
921	CSS	Font Size 글자 크기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2341
920	CSS	Font Style 글꼴 스타일	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1666
919	CSS	Font Family 글꼴 모음	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2507
918	CSS	Text Shadow 문자 그림자	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1815