Maison > Article > interface Web > Comment changer le poids de la police en CSS
Comment changer le poids de la police en CSS
- 醉折花枝作酒筹original
- 2021-07-26 15:00:106222parcourir
En CSS, vous pouvez utiliser l'attribut font-weight pour modifier l'épaisseur de la police. Il vous suffit de définir "font-weight: value;" sur l'élément font. Cette propriété est utilisée pour définir la police grasse utilisée dans le texte de l'élément d'affichage. La valeur numérique 400 équivaut au mot clé normal et 700 équivaut à gras.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
En HTML, définissez l'épaisseur du texte en ajoutant la balise a4b561c25d9afb9ac8dc4d70affff419 ou la balise 8e99a69fbe029cd4e2b854e244eab143.
CSS peut diviser soigneusement l'épaisseur du texte, et il peut également changer le texte en gras en un affichage d'épaisseur normale.
<html>
<head>
<title>文字粗细</title>
<style>
h1 span {
font-weight: lighter;
}
span {
font-size: 30px;
}
span.one {
font-weight: 100;
}
span.two {
font-weight: 200;
}
span.three {
font-weight: 300;
}
span.four {
font-weight: 400;
}
span.five {
font-weight: 500;
}
span.sex {
font-weight: 600;
}
span.seven {
font-weight: 700;
}
span.eight {
font-weight: 800;
}
span.nine {
font-weight: 900;
}
span.ten {
font-weight: bold;
}
span.eleven {
font-weight: normal;
}
</style>
</head>
<body>
<h1>文字<span>粗</span>体</h1>
<span class="one">文字粗细：100</span>
<span class="two">文字粗细：200</span>
<span class="three">文字粗细：300</span>
<span class="four">文字粗细：400</span>
<span class="five">文字粗细：500</span>
<span class="six">文字粗细：600</span>
<span class="seven">文字粗细：700</span>
<span class="eight">文字粗细：800</span>
<span class="nine">文字粗细：900</span>
<span class="ten">文字粗细：bold</span>
<span class="eleven">文字粗细：normal</span>
</body>
</html>L'épaisseur du texte est définie en CSS via l'attribut : font-weight Le code ci-dessus couvre presque toutes les valeurs d'épaisseur du texte, et la police elle-même peut être en gras et devenir en gras normal.
Apprentissage recommandé : Tutoriel vidéo CSS
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!