Question

我正在设计一个非常基本的网页，包含基本的HTML和CSS。所以，我为我的博客＆＃34;指定了一个子页面：jx-s-potato.glitch.me

在页面上，通过编写以下代码：

＆＃13;

<body>
  <h1 id="title1"><u>The Blog</u></h1>
</body>

＆＃13;

我期待＆＃34;博客＆＃34;显示下划线。但是，只有＆＃34; The Blo＆＃34;有下划线。我认为这是我浏览器的一个问题所以我用Safari来查看它。问题仍然存在。

我的代码有问题吗？请帮忙！

Answer 1

解决方法是使用一些样式并模仿下划线。

我在这里使用了伪元素after，但你可以做任何你喜欢的事情。

＆＃13;

u{
    position:relative;
    text-decoration:none;
}
u:after{
    content: '';
    width: 100%;
    height:2px;
    background-color: black;
    position:absolute;
    left:0;
    bottom:4px;
}

＆＃13;

<h1 id="title1"><u>The Blog</u></h1>

＆＃13;

下划线问题

1 个答案: