如何用CSS改變上劃線、下劃線以及刪除線的顏色

何用CSS改變上劃線、下劃線以及刪除線的顏色呢?這個問題我想困擾你們必定是好久了。沒錯,它也對我形成的很大的困擾,當我想用CSS去將文字改成藍色,刪除線改爲紅色,或者下劃線改爲yellow時,但是,老是沒法實現,固然,大家可能會想,對於下劃線,咱們能夠改變邊框顏色的形式來取代上、下劃線的效果。雖然這可能爲咱們解決一時的問題,但是,這終究不是最好的辦法。瀏覽器

但是對於刪除線,咱們就沒有辦法了。
不過,也有的人會說,我先將要修改的文字對對的全局進行設置,並設爲紅色,同時,再局部將文字用<span>設爲藍色。這樣也是一個很不錯的方法啊。
用全局色來實現上、下劃線及刪除線的顏色效果,再用局部色來實現文字顏色效果。ide

 不過,問題老是有解決的時候,自從W3C發佈CSS3.0的相關屬性以來,這個問題好像已經解決了,而爲什麼始沒能出如今人們的視野之中的緣由是,當今的大部分瀏覽器沒法支持CSS3.0仍停留在之前的CSS2.0,我想這對於咱們這些設計愛好者來講,是一件多麼讓人感傷的事,辛苦的作好代碼,能夠別人卻由於瀏覽器的緣由而沒法看到咱們的設計成果,世界上最大的痛苦莫過如此吧。
如今我就來簡單的說說那幾個CSS屬性吧。
text-line-through的屬性設置:
text-line-through-color:設置刪除線的顏色。
text-line-through-mode
設置刪除線的顯示模式。
text-through-style
:設置刪除線的線型。
text-overline 的屬性設置:
text-overline-color:
text-overline-mode
:
text-overline-style:
text-underline 的屬性設置:
text-underline-color:
text-underline-mode:
text-underline-style:
反正如今都還不支持,就先寫上來吧,對於它的用法,之後再講吧,若是你感興趣的話,能夠用一個好一點的瀏覽器測試一下下。呵呵!
測試

相關文章
相關標籤/搜索