[코딩 공부_76] css 스크롤바 스타일 변경하기

** 프로젝트를 진행하면서 어려웠거나 막혔던 부분에 대해 포스팅하는 시간을 가져보도록 하겠다!!

 

첫번째는 스크롤바 스타일을 변경해보았다!

<style>
/* 스크롤 바 넓이 20px */
::-webkit-scrollbar{width: 20px;}
/* 스크롤 바 기본 색상 */
::-webkit-scrollbar-track {background-color:red;}
/* 스크롤 구간 배경 색상 */
::-webkit-scrollbar-thumb {background-color:black;} 
/* 스크롤 바 위에 마우스 올렸을 때(hover) 색상 */
::-webkit-scrollbar-thumb:hover {background-color: gold;} 
/* 스크롤 상하단 버튼 넓이와 색상 */
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
width:16px; height:16px; background-color: blue;
} 
</style>

---

css 스크롤바 스타일을 변경해보았다!! 위 내용을 복사 붙여넣기해서 변경하기만 하면 된다!!

너무 쉽게 바꿀 수 있어서 "엇 정말 이렇게 하면 되는건가!!"하는 생각이 들었다 ㅎㅎㅎ