Maison > interface Web > Questions et réponses frontales > Comment empêcher l'inclinaison des polices en CSS

Comment empêcher l'inclinaison des polices en CSS

藏色散人
Libérer: 2023-01-04 09:36:44
original
4858 Les gens l'ont consulté

Comment implémenter le CSS pour empêcher la police de s'incliner : créez d'abord un exemple de fichier HTML ; puis définissez un ensemble de divs et enfin définissez l'attribut "div_normal i{ font-style:normal}" pour empêcher le basculement. texte de l'inclinaison.

Comment empêcher l'inclinaison des polices en CSS

L'environnement d'exploitation de ce tutoriel : système windows7, version css3, ordinateur thinkpad t480.

Recommandé : "Tutoriel vidéo CSS"

L'attribut font-style est compatible avec les principaux navigateurs et est utilisé pour définir le style d'affichage du texte. Utilisez font-style:normal pour éviter que le texte ne soit incliné.

Valeurs :

normal : police normale

italique : italique. Pour les polices spéciales sans variables italiques, oblique

oblique sera appliqué : italic font

Ci-dessous, nous définissons la police du texte dans la zone div sur italic italic, oblique italic, en utilisant font- style : normal supprime le style italique par défaut de la balise italique html

1. Code CSS :

<style> 
    .div_italic{ font-style:italic} 
    .div_oblique{ font-style:oblique} 
    .div_normal i{ font-style:normal} 
    /* 去掉div_normal对象I斜体标签默认斜体样式 */ 
</style>
Copier après la connexion

2. Extrait de code html :

<div class="div_italic">我被加斜体</div> 
<div class="div_oblique">我被加倾斜</div> 
<div><i>我加I标签斜体</i></div> 
<div class="div_normal"><i>I斜体被CSS去掉</i></div>
Copier après la connexion

3.

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!

Étiquettes associées:
css
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