Cómo configurar el estilo de la barra de desplazamiento div usando CSS, que puede cambiar el tamaño

Cómo configurar el estilo de la barra de desplazamiento div de tamaño variable en CSS:

1. Primero cree un nuevo documento html e ingrese a la interfaz de escritura de código.

2. Escribe el código en y , y escribe el contenido que deseas ingresar en

3. Escribe el código CSS de la pista exterior. body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*outer track*/}?

Aquí se configura principalmente la pista exterior. forma y color.

4. Escribe el código CSS de la pista interna. body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*inner track*/}

Lo principal aquí Es para establecer la forma y el color de la pista interior.

5. Una vez completado el trabajo del código, puede ver el efecto. El efecto se muestra en el cuadro rojo a continuación y la configuración de la barra de desplazamiento está completa.