相关文章推荐

这是一份翻译。与 英文版本 相比,它可能包含错误或者过时。翻译员: Samuel Chong of Chinese Translation Services through its pro bono translation services

网页样式表 CSS的提示与窍门

See also the index of all tips.

On this page:

  • Text shadows
  • Fuzzy text shadows
  • Readable white text
  • Multiple shadows
  • Outlines
  • Neon glow

    最简单形式的'文字阴影'的属性有2个部份: 一种颜色 (像是上述的#333) 和一个偏距 (在上述范例中的0.1em 0.1em). 这将导致在指定的偏距上有清楚的阴影. 但是这个偏距也可以是模糊的而或多或少导致比较不清楚的阴影.

    模糊的程度能当作另一个偏距. 这里有2条线, 一条只有一点点模糊(0.05em)和一条模糊很多(0.2em). h3.a {text-shadow: 0.1em 0.1em 0.05em #333} h3.b {text-shadow: 0.1em 0.1em 0.2em black} h3.a {text-shadow: 0 0 0.2em #8F7} h3.b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87} h3.c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}

    With a zest of best

    There's no no like a better no

    Indeed, quite right, Mr M

  •  
    推荐文章