现在很多的站长在网站制作使用CSS中的设置文字间距和字母间距 word-spacing / letter-spacing 。
语法格式如下:
word-spacing:normal | 长度单位
letter-spacing: normal | 长度单位
站长需要说明如下几点:
①word-spacing 用于设置英文单词间的距离; letter-spacing 用于设置英文字母间的距离。
②两者都可以使用ex(x-height), in(英寸),cm(厘米),mm(毫米),pt(点),px(像素)等长度单位。
③nomal是浏览器的默认设置。
举个例子:
把以下网页代码保存为spacing.html,
<html>
<head>
<title>word-spacing 和 letter-spacing让我们看看CSS在网站制作中的魅力</title>
</head>
<style type="text/css">
<!--
letter1:{letter-spacing:4pt}
letter2:{letter-spacing:normal}
word1:{word-spacing:10pt}
word2:{word-spacing:normal}
--}
</style>
<body bgcolor=lightyellow>
<center>
<font size=5 color=red>文字间距和字母间距 word-spacing 和 letter-spacing 的效果</font>
<table border=4>
<tr>
<td>网页的字母间距为 4pt</td>
<td id=letter1>杭州网站建设,杭州网站建设公司</td>
</tr>
<tr>
<td>网页的字母间距为浏览器默认</td>
<td id=letter2>杭州网站制作,杭州网站制作公司</td>
</tr>
<tr>
<td>网页的单词间距为 10pt</td>
<td id=word1>杭州网站设计,杭州网站设计公司</td>
</tr>
<tr>
<td>网页的单词间距为默认</td>
<td id=word2>CSS,英文全称为Cascading Style Sheets</td>
</tr>
</table>
</center>
</body>
</html>
本课主题:网页文字间距和字母间距
相关主题:
文字属性font
网站文字修饰text-decoration
网页文字大小写
font-size
font-weight
请拨打热线:0571-86586571

