如何把一個波浪線拼寫錯誤的單詞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

回答

相關問題