Maison  >  Article  >  interface Web  >  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
DDDoriginal
2024-11-02 10:02:02107parcourir

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>
<code class="html"><h1>Hello world!</h1></code>

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