1. 기본 슬라이더 type="range"를 사용하면 슬라이더를 좌우로 움직일 수 있다. 결과: 2. 색상 변경 슬라이더의 색깔을 바꾸려면 accent-color 요소로 원하는 색상을 지정하면 된다. 결과: 3. 눈금 표시 datalist 태그를 사용한다. 0 10 20 30 40 50 60 70 80 90 100 결과: 4. 눈금마다 숫자 표시 눈금과 숫자의 너비(width)요소를 알맞게 조정한다. 숫자의 눈금 사이 간격을 조절하고 싶을 때는 grid-column-gap: 15px 이런식으로 작성해주면 된다. 0 10 20 30 40 50 60 70 80 90 100
