首页技术文章正文

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,效果如下图所示。
1669882863494_4.png
从图1容易看出,设置为负值的三级标题文本出现了重叠的效果。




分享到:
在线咨询 我要报名
和我们在线交谈!