在CSS中,我們可以很容易地將文字變成黑白色,這在網頁設計中非常有用。接下來我們將介紹如何實現CSS文字變黑白。
/*將文字變成黑色*/ .color-black{ color: #000; } /*將文字變成白色*/ .color-white{ color: #fff; } /*將文字變成黑白*/ .color-grey{ color: #ccc; }
以上是三個類,用來將文字變成黑色、白色或者灰色。我們只需將這些類應用到需要變色的文字上即可。
比如我們有一個段落需要將文字變成黑白,那么我們可以這樣寫:
<p class="color-grey">這是一段需要變成黑白的文字</p>
還可以使用:hover偽類,當鼠標經過時將文字變成黑白,代碼如下:
/*將文字變成黑色*/ .color-black:hover{ color: #000; } /*將文字變成白色*/ .color-white:hover{ color: #fff; } /*將文字變成黑白*/ .color-grey:hover{ color: #ccc; }
這樣當我們鼠標經過需要變色的文字時,就會自動變成黑白色。
總結一下,使用CSS將文字變成黑白很簡單,只需要定義幾個類,然后將其應用到需要變色的文字上即可。
上一篇css文字變色教程
下一篇mysql打印字符串語句