css怎么设置文字间距

洪七公 · 发表于 2023-6-3 15:05:10

css中可以使用letter-spacing属性来设置文字间距，只需要给文字元素添加“letter-spacing:length值;”样式即可。letter-spacing属性用于增加或减少字符间的空白；允许使用负值，但会让字母间挤得更紧。

css设置文字间距

在CSS中，调整字与字之间的间距的属性是letter-spacing，你通过更改标签的letter-spacing属性值来设置标签内字与字之间的间距。

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

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。【推荐教程：CSS视频教程】

注释：允许使用负值，这会让字母之间挤得更紧。

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1 {
letter-spacing: 3px;
}
h2 {
letter-spacing: -3px;
}
div{
letter-spacing: 3px;
}
p{
letter-spacing: -3px;
}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<div>这是一段测试文本！</div>
<p>这是一段测试文本！</p>
</body>
</html>

复制代码

效果图：

		自动登录	找回密码
密码			会员注册

[CSS/Html] css怎么设置文字间距