[CSS] 스크롤바 꾸미기

스크롤바가 못생겨서 꾸미고 싶어졌다.

스크롤바 각 부위의 명칭은 위와 같고 스크롤을 이동시킬 수 있는 세모 모양 버튼은 button인데 사용하지 않을 거라 안 적었다.

가로 스크롤 상태라 두께를 조절하려면 height를 이용해야했다. 일반적인 세로 스크롤이라면 width를 이용하면 된다.

border-radius는 두께의 반을 주면 말단을 원형으로 만들 수 있다.