Maison > interface Web > tutoriel CSS > Comment puis-je ajouter du CSS personnalisé à mon fichier GitHub README.md ?

Comment puis-je ajouter du CSS personnalisé à mon fichier GitHub README.md ?

DDD
Libérer: 2024-11-02 10:02:02
original
190 Les gens l'ont consulté

How can I add custom CSS to my GitHub README.md file?

CSS personnalisé pour README.md dans un dépôt GitHub

Afin de modifier le style de votre fichier README.md à l'aide d'un CSS personnalisé, vous pouvez utiliser le fichier .github/github.css. Ce fichier remplace le style par défaut fourni par GitHub, vous permettant de personnaliser l'apparence de votre README.

Cependant, si vous ne parvenez pas à observer de changements après avoir modifié le .github/github.css fichier, cela peut être dû à l'utilisation d'une syntaxe obsolète ou au placement de votre CSS personnalisé dans le fichier. Assurez-vous que votre CSS est écrit dans une syntaxe CSS valide et que vous l'avez placé dans le fichier .github/github.css situé à la racine de votre référentiel GitHub.

De plus, vous pouvez incorporez du HTML et du CSS dans un fichier SVG à l'aide de l'attribut étiqueter. Cette technique vous permet d'intégrer du texte animé dans votre README GitHub. Par exemple, vous pouvez utiliser le code suivant pour animer les changements de couleur du texte :

<code class="css">h1 {
  color: red;
  animation: myanimation 2s infinite;
}

@keyframes myanimation {
  from {
    color: red;
  }
  to {
    color: yellow;
  }
}</code>
Copier après la connexion
<code class="html"><h1>Hello world!</h1></code>
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:php.cn
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