本文介绍了“css如何设置单词中字母之间的间距”的知识。很多人在实际案例的操作中会遇到这样的困难。接下来,让边肖带领大家学习如何应对这些情况!希望大家认真阅读,学点东西!
在css中,您可以使用“字母间距”属性来设置单词中字母之间的间距。该属性的作用是增加或减少字符之间的间距。您只需要添加“{letter-spacing:间距值;}”风格就可以了。
本教程操作环境:windows7系统,CSS3HTML5第5版,戴尔G3电脑。
css设置单词内字母的间距的方法
创建一个名为test.html的新html文件,解释css如何调整英文字母之间的距离。在test.html文件中,使用p标签创建一行测试文本。添加“字母间距:”到p标签。风格。
字母间距属性增加或减少字符之间的间距(字符间距)。
此属性定义在文本字符框之间插入多少空间。由于字符字形通常比其字符框窄,因此在指定长度值时,将调整字母之间的通常间距。因此,normal相当于值0。
注意:允许负值,这将使字母更紧凑。
代码如下:
!DOCTYPEhtml
htmllang='en '
头
metachartset=' UTF-8 '
元名称=“视口”内容=“宽度=设备宽度,初始比例=1.0”
meta http-equiv=' X-UA-Compatible ' content=' ie=edge '
标题文档/标题
风格
p{
字母间距:15 px;
}
/style
头
身体
p uarebeautiful/p
/body
/html html输出结果:
这里介绍“css如何设置单词中字母之间的间距”的内容。感谢阅读。如果你想了解更多的行业,可以关注网站。边肖将为您输出更多高质量的实用文章!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/94350.html