WEB开发者-分享WEB开发知识,让开发变得更简单!

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

对于使用CSS解决字间距的方法W3Cschool用户徐建凯给出了如下方法:
使用css样式属性letter-spacing: +距离数值+html单位 如letter-spacing:15px;
即设置了字与字距离间隔15px(像素)。

例子:



CSS 代码:
.w3cschool{letter-spacing:15px;}[/pre]完整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>

案例截图:




文字间距离
文字间距离,CSS文字与文字间距离实现实例截图从上图我们可以看出设置15px字与字间距效果。

总结:



我们使用CSS letter-spacing 即可解决字体间距设置问题。




本文链接:https://www.webkfz.com/WEBkF/CSS/10793.html

版权声明:站内所有文章皆来自网络转载,只供分享作用,不代表本站的观点!

发表评论 共有 0 条评论)

联系客服
网站客服 业务合作 QQ
1244305267
公众号
公众号
公众号
返回顶部