如何把一个波浪线拼写错误的单词HTML

我有一个网页的HTML & JS。如何把一个波浪线拼写错误的单词HTML

我需要添加一个红色挥手行拼写错误的单词。我得到了我的算法来检测这些单词，但我只需要知道如何将挥动的线条放在这些单词下。

来源

2011-07-25 Helal Ismail

你的意思是拼写错误？ –

为什么挥舞着一条线？为什么不像其他程序那样使用粗虚线？ – Sparky

@ Sparky672因为大多数程序使用波形线？ –

其实你没有一个标准的波浪状的下划线只是使用CSS，但检查本教程如何创建一个自己：

从这里摘自：http://www.phpied.com/curly-underline/

.curly-underline { 
    background: url(underline.gif) bottom repeat-x; 
}

来源

2011-07-25 19:42:00

哈哈真棒啧啧 –

太简单了+1。好主意。 –

如果你不”牛逼想使用GIF格式为波浪状的下划线，你可以通过纯CSS做到这一点：

<span style="border-bottom: 1px dotted #ff0000;padding:1px"> 
 
    <span style="border-bottom: 1px dotted #ff0000;"> 
 
     foobar 
 
    </span> 
 
</span>

（或者JSFiddle运行）

来源

2011-07-25 19:46:16 Wulf

AW SNAP视觉欺骗魔术！ –

红色波浪下划线是非常简单的，如CSS 3的Text Decoration Module规定。

* { text-decoration: underline wavy red; }

Run me in Chrome or Firefox to see me ride over a red wave!

浏览器支持正在迎头赶上。对于Microsoft Edge，您可能需要vote for it，我鼓励您这样做。

该规范是不是新的;火狐一直支持它since 2011，而Chrome自2016年希望我们能够在Safari和边缘计数很快支持它。

更新2017年：Chrome浏览器已经关闭了该问题在2016年，我已经在Chrome 58，它的工作原理，是波浪线的一大刺激了测试。

来源

2015-09-17 05:26:26 Sheepy

在Chrome上看起来很糟糕，即使虚线解决方案看起来更好。他们不能从20世纪80年代的Microsoft Word中学习吗？ – Pacerier

如何把一个波浪线拼写错误的单词HTML

回答

相关问题