我有一个HTML和JS网页。
我需要在拼写错误的单词下面添加红色波浪线。 我已经有算法来检测这些单词,但我只需要知道如何在这些单词下方放置波浪线。
我有一个HTML和JS网页。
我需要在拼写错误的单词下面添加红色波浪线。 我已经有算法来检测这些单词,但我只需要知道如何在这些单词下方放置波浪线。
<span style="border-bottom: 1px dotted #ff0000;padding:1px">
<span style="border-bottom: 1px dotted #ff0000;">
foobar
</span>
</span>
(或在JSFiddle中运行)
红色波浪线非常简单,可以在CSS 3的文本修饰模块中指定。
* { text-decoration: underline wavy red; }
Run me in Chrome or Firefox to see me ride over a red wave!
实际上,只使用CSS无法创建标准的花式下划线,但是请查看以下教程以了解如何自己创建:
摘自此处:http://www.phpied.com/curly-underline/
.curly-underline {
background: url(underline.gif) bottom repeat-x;
}