text-stroke（文字邊框）

低調(diào)渲染lh1sll 2016-12-18

展開全文

CSS邊框的一個(gè)不足就是只有矩形的元素才能使用。

-webkit-text-stroke可以為文字添加邊框。它不但可以設(shè)置文字邊框的寬度，也能設(shè)置其顏色。

而且，配合使用color: transparent屬性，還可以創(chuàng)建鏤空的字體！

[html] view plaincopy
 
h3 {  
color: transparent;  
-webkit-text-stroke: 4px red;  
}  

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：低調(diào)渲染lh1sll > 《CSS3》

舉報(bào)/認(rèn)領(lǐng)