CSS 基础学习-088 css 使用letter-spacing 属性设置文本中字符之间的间距

hrs 提交于 2021/10/10 - 21:33 , 周日

letter-spacing 属性设置文本中字符之间的间距

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      .p1{
        letter-spacing:3px;
      }   
      .p2{
        letter-spacing:-3px;
      }   
    </style>
  </head>
  <body>
    <h1>文本的间距实例</h1>

    <p>letter-spacing 属性设置文本的间距。</p>
    <p class="p1">这个字段的文本间距为3像素。</p>
    <p class="p2">这个字段的文本间距为-3像素。</p>
  </body>
</html>

运行效果:

css-088.png

标签