所有新的CSS3边界内容都在进行中(-webkit
,.)现在可以为您的字体添加边框吗?(就像蓝色Twitter徽标周围的纯白边框).如果没有,有没有什么不太难看的技巧可以在CSS/XHTML中实现这一点,或者我还需要启动Photoshop吗?
所有新的CSS3边界内容都在进行中(-webkit
,.)现在可以为您的字体添加边框吗?(就像蓝色Twitter徽标周围的纯白边框).如果没有,有没有什么不太难看的技巧可以在CSS/XHTML中实现这一点,或者我还需要启动Photoshop吗?
有一个叫做text-strokesupported on some browsers behind a -webkit prefix的实验性CSS属性.
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个像素时,它会变得模糊.