Rumah >hujung hadapan web >tutorial css >css怎么设置文字间距
css怎么设置文字间距
- 青灯夜游asal
- 2021-03-31 17:09:0938184semak imbas
css中可以使用letter-spacing属性来设置文字间距，只需要给文字元素添加“letter-spacing:length值;”样式即可。letter-spacing属性用于增加或减少字符间的空白；允许使用负值，但会让字母间挤得更紧。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
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>效果图：
更多编程相关知识，请访问：编程视频！！
Atas ialah kandungan terperinci css怎么设置文字间距. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css如何设置文本颜色Artikel seterusnya：css怎么设置字体为微软雅黑