스크롤바 스타일 모음

※ 원하시는 색상의 마우스를 올리시고 드래그 하신뒤..COPY 해서 사용하세요.
※ 스크롤바는 익스플로 5.5 이상에서 지원합니다. IE 5.0 이하 버전이라면 업뎃해주세요.
※ 본 문서의 스크롤바 컬러를 기본 컬러로 한 것은 내용의 스크롤바 컬러와의 겹침 현상 때문입니다.
<style type="text/css"> BODY { scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF } </style> <style type="text/css"> body { scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #F2F2F2; scrollbar-shadow-color: #999CC; scrollbar-darkshadow-color: #F2F2F2; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #9999CC; } </style> <style type="text/css"> body { scrollbar-3dlight-color:#FF0033; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFF33; scrollbar-darkshadow-color:#FFFF33; scrollbar-face-color:#FF0033; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FF0033 } </style> <style type="text/css"> body { SCROLLBAR-FACE-COLOR: EAECEC; SCROLLBAR-HIGHLIGHT-COLOR: EAECEC; SCROLLBAR-SHADOW-COLOR: BLACK; SCROLLBAR-3DLIGHT-COLOR: EAECEC; SCROLLBAR-ARROW-COLOR: EAECEC; SCROLLBAR-TRACK-COLOR: FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: EAECEC; } </style> <style type="text/css"> body { scrollbar-3dlight-color:#595959; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#CFCFCF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#CFCFCF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#595959; } </style> <style type="text/css"> body { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #D2E5F4; scrollbar-highlight-color: #D2E5F4; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #D2E5F4; } </style> <style type="text/css"> body { scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-face-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff; } </style> <style type="text/css"> body { scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #59ADBB; scrollbar-track-color: #FFFFFF; scrollbar-3dlight-color: #59ADBB; scrollbar-darkshadow-color: #59ADBB; } </style> <style type="text/css"> body { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFC300; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFC300; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFC300; } </style> <style type="text/css"> body { scrollbar-3dlight-color:5A5227; scrollbar-arrow-color:FFF8C5; scrollbar-base-color:DDD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-color:DDD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227; } </style> <style type="text/css"> body { scrollbar-face-color: #9EBFE8; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-face-color: #DB52BC; scrollbar-shadow-color: #E994D6; scrollbar-highlight-color: #E994D6; scrollbar-3dlight-color: #DB52BC; scrollbar-darkshadow-color: #DB52BC; scrollbar-track-color: #E994D6; scrollbar-arrow-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-face-color: #333333; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #101010; scrollbar-darkshadow-color: #070707; scrollbar-track-color: #101010; scrollbar-arrow-color: #000000 } </style> <style type="text/css"> body { scrollbar-face-color: #333333; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #808080; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #191919; scrollbar-arrow-color: #CCCCCC; } </style> <style type="text/css"> body { scrollbar-face-color:#FFC4E1; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FF95CA; scrollbar-darkshadow-color:#FFB5DA; scrollbar-shadow-color:#FF6AB5; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFDDEE; } </style> <style type="text/css"> body { scrollbar-face-color: #DBEBFE; scrollbar-shadow-color: #B8D6FA; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #DBEBFE; scrollbar-darkshadow-color:#458CE4; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #458CE4; } </style> <style type="text/css"> body { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #885C10; scrollbar-highlight-color: #F8ECD8; scrollbar-3dlight-color: #885C10; scrollbar-darkshadow-color: #F8ECD8; scrollbar-track-color: #F8ECD8; scrollbar-arrow-color: #885C10; } </style> <style type="text/css"> body { scrollbar-face-color: #222222; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #222222; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #222222; scrollbar-track-color: #222222; scrollbar-arrow-color: #222222; } </style> <style type="text/css"> body { scrollbar-face-color: #FDDEE8; scrollbar-shadow-color: #FDDEE8; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #FDCFDD; scrollbar-darkshadow-color: #FDCFDD; scrollbar-track-color: FFF6F9; scrollbar-arrow-color: #FEA6C0; } </style> <style type="text/css"> body { scrollbar-3dlight-color:#CCFF00; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#CCFF00; scrollbar-face-color:#CCFF00; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; } </style> <style type="text/css"> body { scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#CCFF00; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#CCFF00; scrollbar-shadow-color:#CCFF00; } </style> <style type="text/css"> body { scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#000000; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#CCFF00; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF } </style> <style type="text/css"> body { scrollbar-3dlight-color:#0000FF; scrollbar-arrow-color:white; scrollbar-track-color:white; scrollbar-darkshadow-color:#0000FF; scrollbar-face-color:#0000FF; scrollbar-highlight-color:white; scrollbar-shadow-color:white; } </style> <style type="text/css"> body { scrollbar-highlight-color: #A864A8; scrollbar-shadow-color: #A864A8; scrollbar-arrow-color: #A864A8; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #FF0000; scrollbar-shadow-color: #FF0000; scrollbar-arrow-color: #FF0000; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #FFAE5A; scrollbar-shadow-color: #FFAE5A; scrollbar-arrow-color: #FFAE5A; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #CCCCCC; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-arrow-color: #CCCCCC; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #F765AD; scrollbar-shadow-color: #F765AD; scrollbar-arrow-color: #F765AD; scrollbar-face-color: #FBDBE9; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #F765AD; scrollbar-shadow-color: #F765AD; scrollbar-arrow-color: #F765AD; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color: #009AFF; scrollbar-shadow-color: #009AFF; scrollbar-arrow-color: #009AFF; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#00BEF7; scrollbar-face-color:#E6FAFF; scrollbar-shadow-color:#00BEF7; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#00BEF7; } </style> <style type="text/css"> body { scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#B58E63; scrollbar-face-color:#F2ECE6; scrollbar-shadow-color:#B58E63; scrollbar-darkshadow-color:white; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#B58E63; } </style> <style type="text/css"> body { scrollbar-face-color:#FFEEAA; scrollbar-shadow-color:#FFF0AC; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FFCC00; scrollbar-darkshadow-color:#EABB00; scrollbar-track-color:#FFF9E1; scrollbar-arrow-color:#ED8E0E; } </style> <style type="text/css"> body { scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#0071BD; scrollbar-face-color:#E8F5FF; scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#0071BD; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#0071BD; } </style> <style type="text/css"> body { scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#0071BD; scrollbar-face-color:#E8F5FF; scrollbar-shadow-color:#0071BD; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#0071BD; } </style> <style type="text/css"> body { scrollbar-highlight-color: #ACD373; scrollbar-shadow-color: #ACD373; scrollbar-arrow-color: #ACD373; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style> <style type="text/css"> body { scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#ffffff; } </style>