text-underline-position属性实例页面

展示

代码

• HTML：

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

• CSS：

  p {
      text-decoration: underline;
      font-size: 1.5rem;
  }
  .under {
      text-underline-position: under;
  }