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>

效果图:

更多编程相关知识,请访问:编程视频!!

本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:alixiixcom@163.com