[html] 스크롤바 색상 바꾸기
로빈아빠
본문
<head>와</head>사이에
아래의 내용을 넣어 줍니다.
<style type="text/css">
<!--
body{
scrollbar- color=#0000ff>face-color:orange; scrollbar- color=#ff0000>shadow-color: #ffffff;
scrollbar- color=#006633>highlight-color: #ffffff; scrollbar- color=#ff00ff>3dlight-color:#cccccc;
scrollbar- color=#ff6600>darkshadow-color:#cccccc; scrollbar- color=#0066ff>track-color: #cccccc;
scrollbar- color=#9900ff>arrow-color:#006600;}
-->
</style>.................//여기까지
[설명]
①scrollbar-face : 움직이는 바의 몸통 부분의 색
② scrollbar-shadow : 바의 오른쪽과 밑쪽 색
③ scrollbar-highlight : 바의 왼쪽과 위쪽의 색
④ scrollbar-3dlight : 바의 왼쪽과 위(「 )쪽의 색
⑤ scrollbar-darkshadow : 바의 오른쪽과 아래( 」)에 그림자 효과를 주죠.
⑥ scrollbar-track : 바가 움직이는 바닥 부분의 색을 지정해 줍니다.
⑦ scrollbar-arrow : 위 아래 화살표 색
투명한 스크롤바를 만들고 싶다면 ①④⑤⑥의 이 4곳을 바탕 색상과 같은 색으로 지정하시면 됩니다.
다양하게 색을 적용해 보시면 나만의 멋진 스크롤바를 만들 수 있을 거예요.^^ 색상은 색상표를 참고로 사용하시면 되겠네요.^^
아래의 내용을 넣어 줍니다.
<style type="text/css">
<!--
body{
scrollbar- color=#0000ff>face-color:orange; scrollbar- color=#ff0000>shadow-color: #ffffff;
scrollbar- color=#006633>highlight-color: #ffffff; scrollbar- color=#ff00ff>3dlight-color:#cccccc;
scrollbar- color=#ff6600>darkshadow-color:#cccccc; scrollbar- color=#0066ff>track-color: #cccccc;
scrollbar- color=#9900ff>arrow-color:#006600;}
-->
</style>.................//여기까지
[설명]
①scrollbar-face : 움직이는 바의 몸통 부분의 색
② scrollbar-shadow : 바의 오른쪽과 밑쪽 색
③ scrollbar-highlight : 바의 왼쪽과 위쪽의 색
④ scrollbar-3dlight : 바의 왼쪽과 위(「 )쪽의 색
⑤ scrollbar-darkshadow : 바의 오른쪽과 아래( 」)에 그림자 효과를 주죠.
⑥ scrollbar-track : 바가 움직이는 바닥 부분의 색을 지정해 줍니다.
⑦ scrollbar-arrow : 위 아래 화살표 색
투명한 스크롤바를 만들고 싶다면 ①④⑤⑥의 이 4곳을 바탕 색상과 같은 색으로 지정하시면 됩니다.
다양하게 색을 적용해 보시면 나만의 멋진 스크롤바를 만들 수 있을 거예요.^^ 색상은 색상표를 참고로 사용하시면 되겠네요.^^
관련링크
댓글목록
등록된 댓글이 없습니다.