如何在CSS中更改文本下划线的线宽

Question

我想输出如下 btw，目前我正在使用波纹管CSS进行此操作

.text-underline {
    border-bottom: 4px solid #f8f8f8;
    padding: 0 0 2px;
  }

但是它适用于整个文本，并且我想减小此行的宽度

Answer 1

您已经选择了整个项目，需要使用span等元素来隔离HTML的“搜索”部分

<h1> <span class="text-underline"> Search </span> Options </h1>

尝试一下