반응형
안녕하세요! 티스토리 등 설치형 블로그의 세로 스크롤바 크기나 색상 변경을 위한 HTML 코딩입니다. 코드는 다음과 같습니다. <head></head> 영역 사이에 넣으면 즉시 변경되는 것을 알 수 있습니다.
우측 스크롤바(세로형) 변경 코드
body::-webkit-scrollbar {
width: 8px; /* 스크롤바의 너비 */
}
body::-webkit-scrollbar-thumb {
height: 30%; /* 스크롤바의 길이 */
background: #217af4; /* 스크롤바의 색상 */
border-radius: 10px;
}
body::-webkit-scrollbar-track {
background: rgba(33, 122, 244, .1); /*스크롤바 뒷 배경 색상*/
}
위 코드를 헤드와 헤드 영역 사이에 넣어주면 변경됩니다. 현재는 블루컬러로 설정된 상태입니다. 참고하셔서 원하시는 분위기와 컬러로 센스있게 조정해서 사용해보세요:)
반응형
'톡톡! 정보통! > 유틸' 카테고리의 다른 글
비트코인 하락 저점(8400만원 대, 매수매도시점)으로 향하다! (1) | 2024.05.02 |
---|---|
비트코인 반감기 맞나, GBTC 현물etf+마운트곡스 물량 압박! (1) | 2024.05.02 |
티스토리에서 커버 부분 변경 직사각형 썸네일을 정사각형 썸네일로 변경하는 html/css 코딩~ (1) | 2023.04.28 |
프리픽 저작권(freepik) 표시와 사용방법~ (28) | 2020.01.25 |
윈도우7 서비스 종료 한다는데 어떻게 해야할까요? (1) | 2019.04.04 |