html – CSS – 具有样式和颜色的多个文本装饰

概述我想使用文本装饰制作带有红色波浪下划线和蓝色虚线上线的文本. 这是我的代码:(仅在Mozilla Firefox中工作)(不起作用,因为只显示上线) span { font-size: 40px; text-decoration: underline wavy red; text-decoration: overline dashed blue;} <span> Some Text 我想使用文本装饰制作带有红色波浪下划线和蓝色虚线上线的文本.
这是我的代码:(仅在Mozilla firefox中工作)(不起作用,因为只显示上线)

span {  Font-size: 40px;  text-decoration: underline wavy red;  text-decoration: overline dashed blue;}

<span> Some Text </span>

如何仅使用文本修饰来实现此效果？ (我知道,它只适用于Mozilla firefox)
感谢帮助.

解决方法 一个CSS属性不能同时具有两个值.

解决方法：将文本包装在另一个范围中,并为每个范围添加单独的文本修饰：

span {  Font-size: 40px;}.wavy {  text-decoration: underline wavy red;}.dashed {  text-decoration: overline dashed blue;}

<span >  <span >Some Text </span></span>

总结

以上是内存溢出为你收集整理的html – CSS – 具有样式和颜色的多个文本装饰全部内容，希望文章能够帮你解决html – CSS – 具有样式和颜色的多个文本装饰所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。