Maison > interface Web > tutoriel CSS > le corps du texte

Comment définir la police cursive en CSS

王林
Libérer: 2023-01-03 09:28:41
original
5000 Les gens l'ont consulté

Comment définir la police cursive en CSS : Vous pouvez utiliser l'attribut font-family pour la définir, par exemple [body{font-family:cursive;}]. La valeur de l'attribut cursive représente la police cursive.

Comment définir la police cursive en CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

En CSS, si nous voulons définir le style de police d'un élément, nous pouvons utiliser l'attribut font-family.

font - L'attribut family spécifie la police d'un élément.

Par exemple, si nous voulons définir le style de police d'un élément sur cursif, nous pouvons écrire comme ceci :

body{
     font-family:cursive;
}
Copier après la connexion

Nous pouvons également définir le style de police comme suit :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>

</body>
</html>
Copier après la connexion

(Tutoriel vidéo gratuit : Tutoriel vidéo CSS)

Résultats d'exécution :

Comment définir la police cursive en CSS

Recommandations associées : Tutoriel 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!

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