Html 如何通过css显示多个下划线 colored颜色 (而不是一种 colored颜色 )

.paragraph{
  font-size: 20px;
  font-family: arial;
  color: #2C019D;
}

.highlight{
  box-shadow:
    0px 2px white,    
    0px 10px orange;
    
  text-decoration: underline solid red 2px;
  text-underline-offset: 2px;
}

<span class="paragraph">I'd far rather be <span class="highlight">happy than right</span> any day</span>

Html相关问答推荐

CSS Flex行之间的空间很大

如何打破长URL，包含连字符在HTML与CSS

无法使xpath为HTML代码块工作

删除第一个列表项上的左边框

我能阻止浏览器跨跨区边界折叠空格吗？

将网格包装在css中

垂直页眉，每行只显示一个使用css的字母

为什么我的网页底部是蓝色背景而不是渐变色？

如何使用Reaction Js读取html文件中的代码

如何在css中旋转块时调整内容宽度、高度

调整 Rmarkdown 输出的 html_document 的标题和副标题之间的间距

如何垂直对齐列表中的图像和文本？

为什么我的 div 元素没有形成一个圆形时钟？

绝对类在另一个绝对类之上

如何制作一个空的网格模板行来填充剩余空间？

鼠标悬停时切换 colored颜色 的双色链接

在 React (NEXT) 中，当我try 进行动态补充时，我无法使用实例this来引用输入

有没有办法使用 CSS border-radius 创建 HTML 视频标签的三角形显示？

为什么 `html` 上的 overflow： hidden 将滚动框移动到正文？

我正在try 向我预先存在的导航栏添加响应式汉堡包导航，但由于某种原因它没有显示