CSS 基础学习-089 css 使用line-height 属性用于指定行之间的间距

由 hrs, 11 十月, 2021

line-height 属性用于指定行之间的间距

实例代码：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    .small{
      line-height:0.7;
    }   
    .big{
      line-heght:1.8;
    }   
    p.p1{
      color:red;
    }   
  </style>
</head>
<body>
  <h1>line-height属性设置行高</h1>
  <p class="small">
  这是一段行高更小的段落。<br>
  这是一段行高更小的段落。
  </p>

  <p class="big">
  这是一段行高更大的段落。<br>
  这是一段行高更大的段落。
  </p>
  <p class="p1" >注：请注意以上两个字段的行高大小。</p>

</body>

</html>

运行效果：

css-089.png

标签

评论