宽度100%自适应的波浪线效果实现实例页面

展示

代码

• HTML：

  <wavy></wavy>

• CSS：

  wavy {
      display: block;
      height: .5em;
      white-space: nowrap;
      letter-spacing: 100vw;
      padding-top: .5em;
      overflow: hidden;
  }
  wavy::before {
      content: "\2000\2000";  
      text-decoration: overline;
      text-decoration: overline wavy;
  }