欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡單掌握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)容到剪貼板
  1. text-stroke:<text-stroke-width> <text-stroke-color>  

想象一個紅色描邊的文字:
代碼

CSS Code復(fù)制內(nèi)容到剪貼板
  1. text-stroke: 1px #f00;  

效果
201637104508077.png (449×80)

text-stroke是符合屬性,可以分拆為text-stroke-width和text-stroke-color兩個屬性

text-fill-color文字填充
語法:

CSS Code復(fù)制內(nèi)容到剪貼板
  1. text-fill-color:<color>  

text-fill-color會覆蓋color所定義的字體顏色:

CSS Code復(fù)制內(nèi)容到剪貼板
  1. text-fill-color:#f00;   
  2. color:#000;  

效果
201637104538648.png (543×50)

在webkit下你將看到紅色的文字

相關(guān)文章

最新評論