簡單掌握CSS3將文字描邊及填充文字顏色的方法
Web前端實(shí)驗(yàn)室 發(fā)布時間:2016-03-07 11:24:50 作者:佚名
我要評論

這篇文章主要介紹了CSS將文字描邊及填充文字顏色的方法,分別為text-stroke和text-fill-color屬性的使用方法講解,注意瀏覽器的兼容問題,需要的朋友可以參考下
text-stroke文字描邊
語法:
CSS Code復(fù)制內(nèi)容到剪貼板
- text-stroke:<text-stroke-width> <text-stroke-color>
想象一個紅色描邊的文字:
代碼
CSS Code復(fù)制內(nèi)容到剪貼板
- text-stroke: 1px #f00;
效果
text-stroke是符合屬性,可以分拆為text-stroke-width和text-stroke-color兩個屬性
text-fill-color文字填充
語法:
CSS Code復(fù)制內(nèi)容到剪貼板
- text-fill-color:<color>
text-fill-color會覆蓋color所定義的字體顏色:
CSS Code復(fù)制內(nèi)容到剪貼板
- text-fill-color:#f00;
- color:#000;
效果
在webkit下你將看到紅色的文字
相關(guān)文章
CSS3實(shí)現(xiàn)歌詞進(jìn)度文字顏色填充變化動態(tài)效果的思路詳解
這篇文章主要介紹了CSS3實(shí)現(xiàn)歌詞進(jìn)度文字顏色填充變化動態(tài)效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-02