css怎么设置字体间隔_CSS

上一篇: css怎样隐藏文本框边框下一篇:css中怎么设置行高

css怎么设置字体间隔

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css怎么设置字体间隔，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在css中我们可以利用letter-spacing属性来设置字体间隔，如【letter-spacing:2px;】。letter-spacing属性可以用来增加或减少字符间的空白。

css怎么设置字体间隔

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

letter-spacing 属性增加或减少字符间的空白（字符间距）

属性值：

normal 默认。规定字符间没有额外的空间。
length 定义字符间的固定空间（允许使用负值）。
inherit 规定应该从父元素继承 letter-spacing 属性的值。

举个例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
</body>
</html>

运行结果如下所示：

css怎么设置字体间隔

脚本宝典总结

以上是脚本宝典为你收集整理的css怎么设置字体间隔全部内容，希望文章能够帮你解决css怎么设置字体间隔所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: css怎样隐藏文本框边框下一篇:css中怎么设置行高

猜你在找的CSS相关文章