有没有办法在css中增加文本下划线的权重？

我有这段代码，我想增加我的曲线文本下划线的权重，因为它太薄，实际上没有明显的影响。我读过关于使用边框底部来增加重量的文章，但这样我就无法使其弯曲。有人对如何解决这个问题有什么想法吗

.underline-yellow{
  text-decoration: underline;
  text-decoration-color: #FFBE00;
  text-decoration-style: wavy;
  padding-bottom:2px;
  color: black;
}

---

在不更改字体属性的情况下，无法设置文本下划线的厚度

您可以使用

背景图像

制作一种波浪样式

正文{
背景：#ccc；
}
.黄色下划线{
颜色：黑色；
背景图像：线性渐变（45度，透明65%，黄色80%，透明90%），线性渐变（135度，透明5%，黄色15%，透明25%），线性渐变（135度，透明45%，黄色55%，透明65%），线性渐变（45度，透明25%，黄色35%，透明50%）；
背景重复：重复-x；
背景尺寸：20px 5px；
背景位置：0.100%；
垫底：3件；
}

我的装饰文本

请尝试以下操作：

.underline-yellow{
    text-decoration: none;
    color: black;
    box-shadow: 0 1px 0 rgba(0,0,0,0), 0px 1px 0 #f7eb9a;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0), 0px 1px 0 #f7eb9a;
}

---

也许用背景图像？请参阅SO问题的H.B.答案。虽然此代码片段可能是解决方案，但它确实有助于提高您文章的质量。请记住，您将在将来为读者回答这个问题，而这些人可能不知道您的代码建议的原因。很高兴它奏效了。请读一读。