这将给予您可以控制U标记的下划线：

<style type="text/css">
  u {
    text-decoration: none;
    border-bottom: 4px solid black;
  }
</style>

在这种情况下，下划线将是四个像素。

没有。下划线的粗细取决于浏览器，在CSS（或HTML）中不会受到影响。
在CSS3文本草案中曾经有一个text-underline-width属性，但人们对它的兴趣不够，它在2005年被从草案中删除。它可能从未实现过。
通常的解决方法是使用下边框而不是下划线。但是，请注意，这是另一回事。下边框位于行框下方，而下划线通常位于文本的基线上，因此会切断字母的下降部分。通常，下边框比下划线更容易阅读，但它偏离了印刷传统。
下面的示例演示了这些差异。

<span style="text-decoration: underline">jgq</span>
<span style="border-bottom: solid 1px">jgq</span>
<span style="border-bottom: solid 4px">jgq</span>

我不推荐使用内联CSS，但为了简洁起见，我在这里使用了它：

<h1 style="border-bottom: 5px solid black">

你也许可以用边框-底部-宽度来达到同样的视觉效果;

h2
{
  border-bottom-color:black;
  border-bottom-style:solid;
  border-bottom-width:15px;
}

可以。添加此属性以设置所需的厚度

text-decoration-thickness: 5px;

因为你并不总是想要底部边框（例如，项目可能有填充，它会显得太远），这种方法效果最好：

h1:after {
    content: '';
    height: 1px;
    background: black; 
    display:block;
}

如果想要更粗的下划线，请添加更多height
如果你想在文本和下划线之间增加或减少空间，可以添加一个margin-top：

h1:after {
    content: '';
    height: 2px;
    background: black; 
    display:block;
    margin-top: 2px;
}