CSS 스크롤바 디자인하기 (짧)

div에 스크롤을 만든 후 디자인을 하고 싶으면 !!!

 

.scroll_div::-webkit-scrollbar { /*스크롤바의 너비*/
    width:10px; 
}
.scroll_div::-webkit-scrollbar-thumb { /*스크롤바의 색상*/
    background-color:#424242; 
    border-radius: 50px;
}
.scroll_div::-webkit-scrollbar-track { /*스크롤바 트랙 색상*/
    background-color:rgba(0,0,0,0.3)
}

CSS 값을 이렇게 설정하자

 

그러면 요로코롬 디자인이 된당 끗~!