首先我們來(lái)看一看css3中文本描邊text-stroke屬性。

說(shuō)明：text-stroke屬性只有webkit內(nèi)核的Safari和Chrome支持。

語(yǔ)法：text-stroke：<' text-stroke-width '> || <' text-stroke-color '>

屬性值：

<' text-stroke-width '>：設(shè)置或檢索對(duì)象中的文字的描邊厚度

<' text-stroke-color '>：設(shè)置或檢索對(duì)象中的文字的描邊顏色

來(lái)直接看一個(gè)例子：

<h1>PHP中文網(wǎng)文字描邊</h1>

h1{
    -webkit-text-stroke: 1.0px #000000;
     color:pink
}

css3文字描邊效果如下：

需要注意的是：

文本描邊text-stroke屬性只有在字體很大的時(shí)候才能看到描邊效果，如果字體比較小，描邊顏色會(huì)遮住文字本身顏色，如圖：

除了上述使用text-stroke屬性來(lái)實(shí)現(xiàn)文字描邊之外，其實(shí)還可以利用文字陰影屬性text-shadow來(lái)進(jìn)行文字描邊，text-shadow屬性的具體內(nèi)容我們?cè)?a target="_self">css3如何設(shè)置文字陰影？css3用text-shadow設(shè)置文字陰影的方法已經(jīng)介紹過(guò)了，這里就不具體說(shuō)了，所以我們就來(lái)直接看text-shadow屬性實(shí)現(xiàn)字體描邊的實(shí)例：

<h1>PHP中文網(wǎng)文字描邊</h1>

h1{text-shadow:2px 2px 0px blue;
color:pink;
}

css3文字描邊效果如下：

說(shuō)明：如果覺(jué)得文字描邊不夠粗，可以使用多重字體陰影，這樣就可以實(shí)現(xiàn)較粗的文字描邊。

css3較粗的文字描邊代碼如下：

<h1>PHP中文網(wǎng)文字描邊</h1>

h1{text-shadow:
  1px 1px 0px blue,
  -1px -1px 0px blue,
  2px 2px 0px blue,
  -2px -2px 0px blue,
  3px 3px 0px blue, 
  -3px -3px 0px blue;
color:pink;
}

css3文字描邊效果如下：

以上就是本篇文章的全部?jī)?nèi)容了，關(guān)于文章中所提到的關(guān)于css3中的屬性的具體內(nèi)容大家可以參考css3使用手冊(cè)來(lái)進(jìn)行學(xué)習(xí)。

以上就是css3文字怎么描邊？css3字體描邊的實(shí)現(xiàn)方法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！