CSS字體邊框？

隨着全部新的CSS3邊框填充（ -webkit ，...），如今是否能夠爲字體添加邊框？ （就像藍色的Twitter徽標周圍的純白色邊框同樣）。 若是不是，是否有任何不太醜陋的駭客會在CSS / XHTML中完成此任務，仍是我仍然須要啓動Photoshop？

---

#1樓

要詳細說明提到-webkit-text-stroke的一些答案，下面是使它起做用的代碼：

div {
  -webkit-text-fill-color: black;
  -webkit-text-stroke-color: red;
  -webkit-text-stroke-width: 2.00px; 
}

在深刻的文章有關使用文本行程是在這裏和瀏覽器的列表，支持文字筆畫是在這裏 。

---

#2樓

text-shadow:
    1px  1px 2px black,
    1px -1px 2px black,
   -1px  1px 2px black,
   -1px -1px 2px black;

---

#3樓

我曾經嘗試用css3作那些圓角和陰影。 後來，我發現它仍然受支持不佳（固然是Internet Explorer！）

我最終嘗試在JS（帶有IE Canvas的HTML canvas）中執行此操做，可是它對性能的影響很大（即便在個人C2D機器上也是如此）。 簡而言之，若是您確實須要這種效果，請考慮使用JS庫（它們中的大多數應該均可以在IE6上運行），但因爲性能問題，請不要過度這樣作； 若是仍然須要替代方案，則可使用SFiR，而後使用PS和SFiR。 CSS3今天尚未準備好。

---

#4樓

彷佛有一個「 text-stroke」屬性，但（至少對我而言）它僅在Safari中有效。

http://webkit.org/blog/85/introducing-text-stroke/

---

#5樓

您可能使用CSS text-shadow （或-webkit-text-shadow / -moz-text-shadow ）和很是低的模糊度來模擬文本筆劃：

#element
{
  text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
}

可是，儘管它比-webkit-text-stroke屬性更普遍地提供，但我懷疑您的大多數用戶均可以使用它，但這可能不是問題（優美的降級以及全部這些）。