text-decoration: none; border-bottom: 2px solid #000;
上述代码表示在选定的文本处去除下划线并添加一个2像素粗的下划线,边框颜色为黑色。另外,此代码也可以通过CSS类应用于一系列文本,如:
.underlined { text-decoration: none; border-bottom: 2px solid #000; }
这样在HTML中可以轻松地使用类名。例如:
<p>这是一段默认文本。</p> <p class="underlined">这是一段被下划线装饰的文本。</p> <a href="#" class="underlined">这是一个被下划线装饰的链接。</a>
这样做的好处是减少了冗余的样式集,提高了代码的可读性和可维护性。同时,您可以进一步定制下划线的样式和行为,例如使用CSS伪类细化hover和active状态下的下划线。