如何显示下划线比h1小的居中文本的h1？

要显示下划线比h1小的居中文本的h1，可以使用CSS来实现。下面是一种可能的解决方案：

首先，创建一个包含下划线的<span>元素，并将其样式设置为text-decoration: underline;。

接下来，创建一个类名为smaller-heading的样式，并将其样式设置为：

.smaller-heading {
  font-size: 20px; /* 根据需求设置字体大小 */
  text-align: center;
  display: inline-block;
  width: max-content; /* 使宽度根据内容自动调整 */
  border-bottom: 1px solid black; /* 下划线样式 */
}

然后，在你的HTML文件中，将目标文本放置在一个h1元素中，并为该元素添加smaller-heading类名，如下所示：

<h1 class="smaller-heading"><span>居中文本</span></h1>

这样就可以实现一个下划线比h1小的居中文本的h1。通过调整.smaller-heading样式中的font-size属性，可以调整下划线文本的大小。

关于腾讯云的相关产品，我无法提供具体的推荐链接地址。您可以在腾讯云的官方网站上查找与CSS和前端开发相关的产品和服务，以满足您的需求。