Tutoriel style_basic sur la barre de défilement HTML

1. La piste de la barre de défilement est enregistrée comme : scrollbar-track. Ce qu'on appelle la « piste » fait référence à l'itinéraire que doit suivre le bloc coulissant de la barre de défilement lors de son exécution. 2. Le bloc coulissant de la barre de défilement, c'est-à-dire le bloc coulissant qui peut être déplacé de haut en bas ou de gauche à droite en appuyant longuement sur le bouton gauche de la souris, et les petits carrés aux deux extrémités de la barre de défilement, enregistrés comme : face de la barre de défilement. Face est la « face » de la barre de défilement. Notez qu’elle comporte trois « faces » : la barre coulissante et les petits carrés aux deux extrémités.
3. La partie de bordure de surbrillance de la barre de défilement est enregistrée comme : scrollbar-highlight. Cette bordure lumineuse a le même concept que la bordure lumineuse du tableau, c'est-à-dire les parties gauche et supérieure. La partie bordure lumineuse de la barre de défilement fait référence à la bordure lumineuse de la « face » de la barre de défilement (c'est-à-dire la bordure lumineuse). bloc coulissant et les petits carrés aux deux extrémités).
4. Il existe également une partie de modification tridimensionnelle autour de la bordure lumineuse de la barre de défilement, qui est enregistrée sous le nom scrollbar-3dlight. 3D signifie tridimensionnel, qui entourera la partie lumineuse de la barre de défilement.
5. La partie ombre de la barre de défilement fait référence à l'ombre du curseur principal et des deux carrés, situés à gauche et en bas à gauche, et est enregistrée comme : scrollbar-shadow.
6. La partie ombre de la barre de défilement a également une partie ombre forte, appelée scrollbar-darkshadow, qui entoure la partie ombre.
7. Les flèches de signe local aux deux extrémités de la barre de défilement sont enregistrées comme : flèche de la barre de défilement. Les directions des flèches sont vers le bas, le haut, la gauche et la droite.

<div id="center_down" style="overflow:auto; height:50; scrollbar-face-color: #f1f1f1; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color:#DDDDDD; scrollbar-arrow-color: #477ED1"> <img src="/static/imghw/default1.png" data-src="/images/jb51.gif" class="lazy" alt="Tutoriel style_basic sur la barre de défilement HTML" > </div>
[Ctrl+A pour tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez l'actualiser pour l'exécuter ]