overflow-y:scroll로 스크롤 사용 가능하다.
기본 스크롤도 충분히지만
쫌더 통일성 있는 디자인을위해
스크롤 색상과 모양 디자인을 변경하는 CSS를 추가했다
이미지 표의 오른쪽 스크롤 이다.
.accodient-box{
overflow-y: scroll;
}
.accodient-box::-webkit-scrollbar {
width: 10px; /* 스크롤바의 너비 */
}
.accodient-box::-webkit-scrollbar-thumb {
height: 30%; /* 스크롤바의 길이 */
background: #848484; /* 스크롤바의 색상 */
border-radius: 10px;
}
.accodient-box::-webkit-scrollbar-track {
background: #84848447; /*스크롤바 뒷 배경 색상*/
}
728x90
반응형
'Front-end > CSS' 카테고리의 다른 글
CSS 로 텍스트 줄바꿈 하는 간단한 방법 (0) | 2022.06.16 |
---|---|
[글꼴 세팅] 구글 폰트 사용하기 jeju폰트 추천 (1) | 2021.05.07 |
CSS 로 드래그 방지 / 금지 (2) | 2021.04.12 |
댓글