2017-06-28 6 views
0

Je ne suis pas sûr si ma question est claire car je n'ai aucune idée de css.Dans le thème hugo, je veux changer markdown single backtick couleur de surbrillance avec css

Je veux changer la couleur de surbrillance de la marque de fond simple dans le thème Hugo. par exemple This is an example.

Dans le texte ci-dessus "Ceci est un exemple", la couleur de fond est le gris et la couleur de la police est le noir. Comment puis-je changer la couleur de la toile de fond et la couleur de la police?

Je ne veux pas changer l'arrière-plan de mon blog. seulement le ** seul texte "back-ticked" **.

Merci beaucoup.

Répondre

0

si vous avez une balise p comme dans votre html

<p><span class='sample'>This is an example</span></p> 

dans votre fichier CSS, vous pouvez ajouter des thèses en lignes afin de changer la couleur de police et arrière-plan.

.sample{ 
color: #ffffff; /*to change font color*/ 
background-color:#F48024; /*to change background color*/ 
} 
+0

Cher wahdan, Merci beaucoup pour votre réponse rapide. Je ne veux pas changer l'arrière-plan du blog, mais seulement l'arrière-plan dans le texte de retour arrière. – Dong

+0

@Dong ok j'ai édité mon code et ajouté l'étiquette d'envergure à l'intérieur de la balise p – wahdan

0

Pour modifier la couleur d'arrière-plan et la couleur de police, vous devez utiliser le format CSS. CSS est assez facile à apprendre. Voici à quoi ressemblerait le code pour changer la couleur de l'arrière-plan et la couleur de la police.

<!DOCTYPE html> 
<html> 
<head> 
<style> 
p{ 
background-color: black; 
color: white; 
} 
</style> 
</head> 
<body> 
<p>If you run this code you will see the background change to black and the font color change to white. </p> 
</body> 
</html> 

Dans les balises de style, nous modifions la balise p. Les couleurs d'arrière-plan changent la couleur d'arrière-plan et la couleur change la couleur de police/texte.

+0

Merci Camden Lamons. Je suis désolé, ma question n'était pas claire. Je ne veux pas changer l'arrière-plan du blog, mais seulement l'arrière-plan dans le texte de retour arrière. – Dong

1

Dans mon modèle Hugo, les surbrillances sont mises en <code>. Alors ajoutez CSS qui styles code étiquettes à l'arrière-plan que vous aimez.