p { letter-spacing: 1px; }
上述代码会将所有段落的字体间距增加1像素。如果要减少字体间距,可以将数值设置为负数。例如:
p { letter-spacing: -1px; }
注意,letter-spacing
属性对单词之间的间距同样有效。下面是一个完整的例子:
p { font-size: 18px; line-height: 1.5; letter-spacing: 1px; }
上述代码会将所有段落设置为18像素的字体大小,行高为1.5倍行高(即每行之间的空白处等于字体高度的一半),并将字体间距增加1像素。
除了letter-spacing
属性外,大家还可以使用word-spacing
属性来设置单词之间的间距。
p { font-size: 18px; line-height: 1.5; word-spacing: 5px; }
上述代码会将所有段落设置为18像素的字体大小,行高为1.5倍行高,并将单词之间的间距增加5像素。
总之,通过合理地设置字体间距,大家可以让页面上的文本更加美观、清晰、易读。