수직 탐색 막대 예제
수직 탐색 막대 예제
배경색이 회색 인 기본 세로 탐색 막대를 만들고 사용자가 마우스를 움직일 때 링크의 배경색을 변경합니다.
예
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
}
li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
/* Change the link color on hover */
li a:hover {
background-color: #555;
color: white;
}활성 / 현재 탐색 링크
현재 링크에 "활성"클래스를 추가하여 사용자가 어떤 페이지에 있는지 알 수있게하십시오 :
예
.active {
background-color: #4CAF50;
color: white;
}게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1067 | CSS | 8년 전 | 1502 | ||
| 1066 | CSS | 8년 전 | 1869 | ||
| 1065 | CSS | 8년 전 | 1464 | ||
| 1064 | CSS | 8년 전 | 1601 | ||
| 1063 | CSS | 8년 전 | 1661 | ||
| 1062 | CSS | 8년 전 | 1678 | ||
| 1061 | CSS | 8년 전 | 1501 | ||
| 1060 | CSS | 8년 전 | 4154 | ||
| 1059 | CSS | 8년 전 | 2085 | ||
| 1058 | CSS | 8년 전 | 2504 | ||
| 1057 | CSS | 8년 전 | 2048 | ||
| 1056 | CSS | 8년 전 | 1972 | ||
| 1055 | CSS | 8년 전 | 1826 | ||
| 1054 | CSS | 8년 전 | 2094 | ||
| 1053 | CSS | 8년 전 | 1884 | ||
| 1052 | CSS | 8년 전 | 2013 | ||
| 1051 | CSS | 8년 전 | 2405 | ||
| 1050 | CSS | 8년 전 | 1732 | ||
| 1049 | CSS | 8년 전 | 2315 | ||
| 1048 | CSS | 8년 전 | 1761 | ||
| 1047 | CSS | 8년 전 | 1558 | ||
| 1046 | CSS | 8년 전 | 1241 | ||
| 1045 | CSS | 8년 전 | 1567 | ||
| 1044 | CSS | 8년 전 | 2323 | ||
| 1043 | CSS | 8년 전 | 2014 | ||
| 1042 | CSS | 8년 전 | 1774 | ||
| 1041 | CSS | 8년 전 | 1728 | ||
| 1040 | CSS | 8년 전 | 1488 | ||
| 1039 | CSS | 8년 전 | 1796 | ||
| 1038 | CSS | 8년 전 | 2234 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기