Maison >interface Web >tutoriel HTML >Résumé des paramètres liés à la barre de défilement des pages HTML

Résumé des paramètres liés à la barre de défilement des pages HTML

巴扎黑
巴扎黑original
2017-06-04 10:58:283501parcourir

Les barres de défilement sont souvent visibles sur les pages Web, telles que les zones de saisie, alors comment définir de belles barres de défilement en fonction de vos propres préférences. Aujourd'hui, je vais résumer comment définir les barres de défilement :

Définir le défilement. bars Style :

1.Illustration des étapes pour définir le style de la barre de défilement avec CSS

La barre de défilement par défaut du navigateur semble trop idiote, vous devez donc le faire vous-même. Je me souviens que le navigateur IE dispose de plusieurs styles pour définir les barres de défilement, mais ils sont relativement inutiles. Ils ne peuvent définir que les couleurs, etc., et Webkit ne les prend pas en charge. J'ai accidentellement vu que la barre de défilement de la boîte aux lettres NetEase était très belle. Au début, je pensais qu'elle était simulée avec p. Mais quand je l'ai vue, c'était exactement ce que je voulais. Elle a été configurée en utilisant CSS et c'était un navigateur webkit. .

Résumé des paramètres liés à la barre de défilement des pages HTML

2.Définissez le style de la barre de défilement en HTML

Définissez la couleur de la barre de défilement :

1. Solution à l'impossibilité de définir la couleur de la barre de défilement dans IE6

Solution à l'impossibilité de définir la couleur de la barre de défilement dans IE6

Généralement, lors de la définition du style de la barre de défilement , le code CSS suivant est utilisé :

body
{
    scrollbar-face-color:#f6f6f6;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#eeeeee;
    scrollbar-3dlight-color:#eeeeee;
    scrollbar-arrow-color:#000;
    scrollbar-track-color:#fff;
    scrollbar-darkshadow-color:#fff;
}

Questions et réponses associées recommandées :

1.Définition des barres de défilement avec plusieurs divs imbriqués dans un div n'a aucun effet

2.Comment définir les marges supérieure et inférieure de la barre de défilement

3.Comment définir la couleur de la barre de défilement, cross-navigateur

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn