CSS中怎样修改文字间距？【letter-spacing 属性】

更新时间:2022-12-01 来源:黑马程序员浏览量:

IT培训班

letter-spacing 属性用于定义字间距，所谓字间距就是字符与字符之间的空白距离。letter-spacing 属性的属性值可以为不同单位的数值。在定义字间距时，letter-spacing属性的取值可以为负，其默认属性值为normal。

接下来通过一个案例来演示字间距属性letter-spacing的显示效果，如例1所示。

例1 example07.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>字间距属性letter-spacing</title>
<style type="text/css">
h2{letter-spacing:20px;}
h3{letter-spacing:-0.5em;}
</style>
</head>
<body>
<h2>letter spacing（字间距为正值）</h2>
<h3>letter spacing（字间距为负值）</h3>
</body>
</html>

在例1中，第7、8行代码将h2的字间距设置为20px，将h3的字间距设置为-0.5em。运行例1，效果如下图所示。