Maison > interface Web > tutoriel CSS > Comment obtenir l'effet d'indentation de première ligne

Comment obtenir l'effet d'indentation de première ligne

清浅
Libérer: 2021-04-16 15:39:20
original
14083 Les gens l'ont consulté

Comment obtenir l'effet d'indentation de première ligne : créez d'abord un exemple de fichier HTML ; puis créez du contenu de texte dans le corps ; enfin, utilisez l'attribut text-indent en CSS pour obtenir l'effet d'indentation de première ligne.

Comment obtenir l'effet d'indentation de première ligne

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, HTML5&&CSS3.

Vous pouvez utiliser l'attribut text-indent en CSS pour obtenir l'effet d'indentation de première ligne

Lorsque nous écrivons des pages, surtout lorsqu'il y a trop de contenu textuel qui rend la page moche, à ce stade, nous pouvons rendre le contenu de l'article plus hiérarchique en mettant en retrait la première ligne. Nous pouvons obtenir l'effet d'indentation de première ligne en ajoutant l'attribut text-indent en CSS. Il permet d'indenter la première ligne du conteneur de la distance entre deux mots vides devant le paragraphe en unités. Ne plus utiliser d'espaces

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{text-indent:16px;}
</style>
</head>
<body>
<p>php中文网提供大量免费、原创、高清的php视频教程,并定期举行公益php培训!可边学习边在线修改示例代码,
查看执行效果!php从入门到精通,一站式php自学平台!</p>
<p>php中文网提供大量免费、原创、高清的php视频教程,并定期举行公益php培训!可边学习边在线修改示例代码
,查看执行效果!php从入门到精通,一站式php自学平台</p>
</body
</html>
Copier après la connexion

Rendu :

Comment obtenir l'effet d'indentation de première ligne

De cette façon, en définissant l'attribut text-indent, la première ligne de notre contenu texte sera indentée à l'envers.

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