2009年11月9日星期一

[note]CSS text-shadow属性

IE还不支持这个属性,firefox 3.1之后支持text-shadow了,safari和chrome支持。

有了这个属性就可以实现文字阴影了。

语法:
p.test {
text-shadow: #6374AB 20px -12px 2px;
}

如上所示,text-shadow可以接受以下值:

  1. 文字阴影的颜色 (#6374AB)
  2. X轴上文字阴影的偏移值 (20px)
  3. Y轴上文字阴影的偏移值 (-12px)
  4. 文字阴影的模糊半径(2px), 表示文字阴影的衍生空间。 0 表示没有模糊效果。 此值不要设的太高,否则字会难以辨认。

原文与例子:http://www.quirksmode.org/css/textshadow.html

没有评论: