text-underline-offset属性实例页面

展示

代码

• HTML：

  <h4 class="fill">默认</h4>
  <p>看看下划线的位置在哪里？</p>
  
  <h4 class="fill">text-underline-offset:1em</h4>
  <p class="offset">看看下划线的位置在哪里？</p>

• CSS：

  p {
      text-decoration: underline;
      font-size: 1.5rem;
  }
  .offset {
      text-underline-offset: 1em;
  }