[스크랩] 스크롤 바 만들기...
소스설명
스타일 시트 태그를 이용해 스크롤바 색상을 다양하게 바꾸는 태그에 대해 설명드리겠습니다.
소스를 마스터 하시면 다양한 색상으로 스크롤바를 변형하여 사용할 수 있습니다.
스크롤바 바꾸기 소스
스크롤바 바꾸기 소스 속성 설명
scrollbar-face : 움직이는 스크롤바 전체색
scrollbar-shadow : 스크롤바의 오른쪽과 밑쪽 그림자색
scrollbar-highlight : 스크롤바의 왼쪽과 위쪽의 얇은 선색
scrollbar-3dlight : 스크롤바의 왼쪽위쪽에 진하게 드러가는 선
scrollbar-darkshadow : 스크롤바의 오른쪽과 밑쪽에 들어가는 얇은 색
scrollbar-track : 스크롤바가 없는 아래부분의 색
scrollbar-arrow : 스크롤바 위아래 화살표 색
스크롤바 바꾸기 소스 상세설명
각 속성 색상을 지정하는 부분에는 색상코드를 직접 입력하세요.
완성된 소스 예제
소스 사용법
글쓰기 창에서 html직접입력에 체크하시고 소스를 그대로 붙여넣기 하시면 됩니다.
스크롤바 소스는 글을 모두 작성하신 후 글쓰기창 맨 아래 에 붙여넣으세요.
참고그림
지금까지의 설명이 이해 안되시는 분들은 아래에 만들어진 소스를 그대로 사용하셔도 됩니다.
사용하고 싶은 스크롤바 색상을 선택하셔서 네모박스 안에 있는 소스를 그대로 복사하신 후에
글을 작성하실 때 글쓰기창 맨 아래에 그대로 붙여넣기 하시면 됩니다.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|