文字重叠装饰

2010-08-01 71 views 0 likes

<span id="case1" class="comment>text text</span> 
<span id="case2" class="suggestion">suggestion</span> 
<span id="case3" class="comment>text text <span class="suggestion">suggestion suggestion</span> text text</span>

我想span.comment有一个红色虚线下划线，span.suggestion有黄色点下划线和span既.comment和.suggestion有一个点缀红色/黄色下划线（一个点红，一个点黄色，一点红等）文字重叠装饰

我的CSS应该是什么样子？是否可以使用文字装饰或边界底？我应该使用透明图像吗？

来源

2010-08-01 mak

这里没有问题。问题以问号（？）结尾。这是“plz send teh codez” – abelenky 2010-08-01 02:33:16

我不知道如何解决这个问题。我希望有人会至少引导我走向正确的方向。 – mak 2010-08-01 02:42:57

回答

点式下划线可以用边框样式来实现：

span.comment {border-bottom: dotted 1px red;} 
span.suggestion {border-bottom: dotted 1px yellow;}

然而，黄色和红色下划线不能被仅仅CSS完成。我建议它简化成一个彩色（即橙色）

来源

2010-08-01 02:44:24 tcooc

简化为一种颜色是一个好主意。谢谢。 – mak 2010-08-01 02:51:30

使用嵌套<span>是你可以创建一个虚线边框与交替的颜色：

<span style="border-bottom: 3px solid #ff0"> 
    <span style="border-bottom: 3px dashed #f00"> 
    Lorem ipsum dolor sit amet... 
    </span> 
</span>

这将是一个有点难以做小点，虽然。

来源

2010-08-01 03:37:01 Fraxtil

文字重叠装饰

回答

相关问题