스크롤바의 색상을 바꾸는 방법
잠깐! 이 예제는 인터넷 익스플로러 5.5 이상에서만 가능합니다.
인터넷 익스플로러 5.5 이상을 사용하고 있다면 다음과 같은 CSS를 <head>와 </head>태그 사이에 넣음으로써 스크롤바의 색상을 바꿀 수 있다.
<style type="text/css">
BODY
{scrollbar-face-color: #DAEBDA;
scrollbar-shadow-color:green;
scrollbar-highlight-color: green;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: green;}
</style>
사용할 수 있는 스타일 속성은 다음과 같다.
scrollbar-face-color : 스크롤바의 바탕색 부분
scrollbar-shadow-color : 스크롤바의 선 중 음영 부분
scrollbar-highlight-color : 스크롤바의 선 중 하이라이트 부분
scrollbar-arrow-color : 스크롤바 화살표 부분
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-3dlight-color
scrollbar-track-color
테스트할 소스 :
<HTML>
<HEAD>
<style type="text/css">
BODY
{scrollbar-face-color: #DAEBDA;
scrollbar-shadow-color:green;
scrollbar-highlight-color: green;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: green;}
</style>
</HEAD>
<BODY>
<H3>스크롤바의 색상이 바뀐 것을 확인하세요!!</H3><br>
<b>인터넷 익스플로러 5.5 이상에서만 가능합니다!!</b><br>
<script language="javascript">
for (i=1;i<=100;i=i+1)
{
document.write("i = " + i + "<br>");
}
</script>
</BODY>
</HTML>
출처 : 코리아 인터넷 닷컴
'홈페이지 제작 > HTML, CSS' 카테고리의 다른 글
| 커서위치를 TAB 키로 이동할때 순서 정하기. (0) | 2004.01.02 |
|---|---|
| 본문에서 이미지 정렬위치 와 border='0' 자동으로 주기.. (0) | 2003.04.03 |
| 특정위치에 고정된 배경이미지 넣기 (0) | 2001.11.18 |
| HTML 문서에서 혼합 정렬 사용하기 (0) | 2001.08.13 |
| 익스플로어 주소앞에 아이콘 표시하기 (0) | 2001.04.23 |
