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