CSS字体边框？

Question

随着所有新的 CSS3 边框的出现(-webkit, ...)，现在可以为您的字体添加边框了吗？ (就像蓝色 Twitter Logo 周围的纯白色边框)。如果没有，是否有任何不太难看的 hack 可以在 CSS/XHTML 中完成此操作，或者我是否仍需要启动 Photoshop？

Answer 1

有一个名为 text-stroke 的实验性 CSS 属性, supported on some browsers behind a -webkit prefix .

h1 {
    -webkit-text-stroke: 2px black; /* width and color */

    font-family: sans; color: yellow;
}

<h1>Hello World</h1>

另一个可能的技巧是使用四个阴影，每个方向一个像素，使用属性 text-shadow:

h1 {
    /* 1 pixel black shadow to left, top, right and bottom */
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

    font-family: sans; color: yellow;
}

<h1>Hello World</h1>

但超过 1 个像素的厚度会变得模糊。