這次，我主要向大家介紹一下css3下的-webkit-text-stroke屬性，並分享幾個用該屬性製作的鏤空文字效果。
1、-webkit-text-stroke屬性簡介
css邊框的乙個不足就是只有矩形的元素才能使用。-webkit-text-stroke可以為文字新增邊框。它不但可以設定文字邊框的寬度，也能設定其顏色。而且，配合使用color: transparent屬性，你還可以建立鏤空的字型。
2、一起看幾個利用-webkit-text-stroke製作的文字特效
第乙個css**如下：
h1.demo
複製**
[backcolor=white !important]顯示效果：
[backcolor=white !important]
第二個css**如下：
h2.demo
複製**
顯示效果：
第三個css**如下，注意這個demo需要用基於webkit核心的chrome或者safari瀏覽器才能看，firefox上無效
h3.demo
@-webkit-keyframes colorchange
100%
}複製**
[backcolor=white !important][backcolor=white !important]
顯示效果：
css3邊框,文字
css3邊框屬性 border radius圓角 瀏覽器 internet explorer 9 firefox chrome 以及 safari box shadow盒陰影 瀏覽器 internet explorer 9 firefox chrome 以及 safari border image邊...
css3的邊框詳解
css邊框的三個屬性 border 用法 box 第三個顏色使可選的 css3中可以建立圓角邊框，新增陰影框，並作為邊框的形象而不使用設計程式 border radius 用法 box border shadow 用法 box 第乙個引數是x軸偏移量，第二個引數是y軸偏移量，第三個是陰影的尺寸，第四...
CSS3的新增邊框屬性
一 css3 新增的邊框屬性 屬性 版本 簡介 border image css3 設定或檢索物件的邊框使用影象來填充 border image source css3 設定或檢索物件的邊框是否用影象定義樣式或影象 路徑 border image slice css3 設定或檢索物件的邊框背景圖的分...