怎样使用CSS设置文字之间的距离?

来源:互联网 发布:软件集成测试需求 编辑:程序博客网 时间:2024/06/01 09:04

答:常用 letter-spacing:1px;

使用css样式属性letter-spacing: +距离数值+html单位 如letter-spacing:15px;
即设置了字与字距离间隔15px(像素)。

例子:


CSS 代码:

.w3cschool{letter-spacing:15px;}

 

完整HTML 代码:

复制代码
<!DOCTYPE html> <html>   <head>     <meta charset="utf-8" />     <title>W3Cschool在线教程</title>     <style>      .w3cschool{letter-spacing:15px;}    </style>  </head>   <body>     <div class="w3cschool">http://www.w3cschool.cn</div>   </body> </html>
复制代码

 

案例截图:

这里写图片描述

左图没有字间距离:                                       右图有1px字间距离:

这里写图片描述    这里写图片描述