简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

如何用CSS控制字的间距_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:40:50
original
894 Les gens l'ont consulté

如何用CSS控制字的间距:

有时候默认的字间距并不能够满足实际需要，可能需要进行人为的控制，下面就简单介绍一下如何实现此效果。

使用letter-spacing属性即可以设置字间距。代码实例如下: 

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title></head><body><ul>  <li style="letter-spacing:2px;">欢迎来到蚂蚁部落</li>  <li style="letter-spacing:5px;">欢迎来到蚂蚁部落</li>  <li style="letter-spacing:8px;">欢迎来到蚂蚁部落</li>  <li style="letter-spacing:12px;">欢迎来到蚂蚁部落</li></ul></body></html>
Copier après la connexion

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0503/600.html

最原始地址是:http://www.softwhy.com/

Étiquettes associées：
如何用CSS控制字的间距
source：php.cn
Article précédent：css扁平化博客学习总结（一）模块分析_html/css_WEB-ITnose Article suivant：CSS组件化思考_html/css_WEB-ITnose
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
Derniers articles par auteur
Derniers numéros
application de respiration animée circulaire d3 js voyageant sur un chemin circulaire Application de respiration animée d3js Je veux pouvoir créer une animation d'un cercle qui...
Depuis 2023-09-14 15:46:55
0
1
216
Fullcalendar Comment supprimer le remplissage des événements dans timegridview ? Je dois supprimer le remplissage des événements lorsque le calendrier est dans une "t...
Depuis 2023-09-08 19:12:15
0
1
237
Marge droite inexpliquée lorsque la page n'est pas en plein écran - Nuxt/Tailwinds J'essaie de créer une simple page de CV en utilisant Nuxt, Vue3 et TailwindCSS. Lorsque mo...
Depuis 2023-09-01 00:05:46
0
1
256
Méthodes et techniques de récupération de charge utile J'utilise PHP, ExtJS et ajaxstore. Il n'envoie pas de données via POST ou GET lors de la c...
Depuis 2023-08-22 12:25:46
0
2
293
Les modifications CSS ne prennent pas effet dans le développement de Django J'essaie de créer une application Web à l'aide de Django et j'ai rencontré un problème. Ch...
Depuis 2023-08-20 22:24:24
0
2
270
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！