Maison > interface Web > tutoriel CSS > Propriété de réinitialisation du compteur CSS

Propriété de réinitialisation du compteur CSS

WBOY
Libérer: 2023-09-04 22:05:09
avant
1392 Les gens l'ont consulté

CSS 计数器重置属性

Pour créer ou réinitialiser un compteur à l'aide de CSS, utilisez la propriété counter-reset.

Vous pouvez essayer d'exécuter le code suivant pour implémenter la réinitialisation du compteurpropriété

exemple

démo en direct

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            counter-reset: section;
         }
         h2::before {
            counter-increment: section;
            content: "Fruit " counter(section) " - ";
         }
      </style>
   </head>
   <body>
      <h1>Fruits</h1>
      <h2>Mango</h2>
      <h2>Kiwi</h2>
   </body>
</html>
Copier après la connexion

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!

source:tutorialspoint.com
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal