Quel est le code CSS gras du style de site Web ?-Questions et réponses frontales-php.cn

Quel est le code CSS gras du style de site Web ?

青灯夜游

Libérer： 2022-08-12 17:56:22

original

6796 Les gens l'ont consulté

Le code CSS gras du style de site Web est "élément de texte {font-weight: bold;}" ou "élément de texte {font-weight: bolder;}". L'attribut font-weight est utilisé pour définir l'épaisseur du texte. Lorsque la valeur de cet attribut est définie sur "gras", des caractères gras peuvent être définis, et lorsqu'elle est définie sur "plus gras", des caractères plus épais peuvent être définis. l'attribut font-weight peut également être défini. La valeur est "700", "800" ou "900", ce qui peut également obtenir l'effet de mise en gras du texte.

Quel est le code CSS gras du style de site Web ?

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Code CSS bold de style site Web :

文字元素{font-weight: bold;}
文字元素{font-weight: bolder;}

Copier après la connexion

L'attribut CSS utilisé est : font bold attribut "font-weight". L'attribut

font-weight peut définir l'épaisseur du texte et prend en charge plusieurs valeurs d'attribut :

valeur	description
normal	valeur par défaut. Définit les caractères standards, égaux à 400.
bold	définit les caractères gras, égaux à 700.
bolder	Définissez des caractères plus audacieux.
plus léger	Définissez des caractères plus fins.
100 200 300 400 500 600 700 800 900	Définissez les caractères de fin à épais. 400 équivaut à la normale et 700 équivaut à du gras.

Exemple : Définissez des épaisseurs de police différentes pour quatre paragraphes de texte

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>css 文字加粗</title>
		<style>
			p.normal {
				font-weight: normal;
			}
			p.bold {
				font-weight: bold;
			}
			
			p.bolder {
				font-weight: bolder;
			}
			
			p.thicker {
				font-weight: 900;
			}
		</style>
	</head>

	<body>
		<p class="normal">测试文本！</p>
		<p class="bold">测试文本！</p>
		<p class="bolder">测试文本！</p>
		<p class="thicker">测试文本！</p>
	</body>

</html>

Copier après la connexion

Quel est le code CSS gras du style de site Web ?