Question

尝试为标题加下划线，但将其作为比上面的粗体文本更细的一行，我该怎么做？

从'谷歌搜索'得知这应该有效（但事实并非如此）：

<span style="text-decoration:underline; font-weight:normal;">
    <span style="text-decoration:none; font-weight:bold; font-family:Arial; font-size:16pt;">
       Basic Transfer
    </span>
 </span>

那么回顾一下，大文字，细长的下划线，怎么样？

或者更重要的是，我哪里出错？

谢谢，R

Answer 1

底线边界怎么样？

<h2 style="border-bottom:1px solid #000;">basic transfer</h2>

当然你不应该使用inline-css。

Answer 2

meder的回答是一个很好的通用方法，但要小心：对于h2和其他块元素，使用边框来模拟下划线不会很有效。如果文本换行，则只有下划线框的下边缘将加下划线。即使没有，边框也将延伸到文本末尾的右侧。您需要在跨度中包装文本并设置范围样式。

<h2><span style="border-bottom:1px solid #000;">basic transfer</span></h2>

Answer 3

我解决了这个问题。：）

如果您使用li中的链接，则可以使用此类型的css：

HTML：

<li><a href="#">Inspiration</a></li>

CSS：

#theMenu li{
    font-weight: 100;
    text-decoration: underline;
    color: red;
    font-size: 0.94em;
}

#theMenu a{
    text-decoration: none;
    font-weight: bold;
}

这将使链接下的行变薄，链接文本本身变为粗体。

：）

CSS下划线文本，下划线的重量小于文本的重量？

3 个答案: