【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

CSS: 文字阴影

放大字体  缩小字体 发布日期:2020-09-15 03:41:59    浏览次数:12
导读

  CSS level 3 有一种属性叫做文字阴影, 是用来为有些文字的每个字母加上阴影. 在它最简单的形式里, 它看起来是像这样的:  最简单形式的文字阴影的属性有2个部份: 一种颜色 (像是上述的#333) 和一个偏距 (在上述范例中的0.1em 0.1em). 这将导致在指定的偏距上有清楚的阴影. 但是这个偏距也可以是模糊的而或多或少导致比

  CSS level 3 有一种属性叫做文字阴影, 是用来为有些文字的每个字母加上阴影. 在它最简单的形式里, 它看起来是像这样的:

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

  这是有一点危险的, 就像你可以看到的, 如果你的浏览器不能支持文字阴影的话。事实上, 在这个例子里, 背景的颜色和文字的颜色几乎是一样的 (#CCCCCC 和 #D1D1D1), 所以没有文字阴影就几乎没有任何对比.绘画字母做为轮廓

  这不是一个完美的轮廓, 并在此时 (2005年8月), 是否CCS应该有一个单独的属性(或者一个text-decoration的参数)来做比较好的轮廓的讨论还是开放的.霓虹发光

  如果你把一个模糊阴影放在文字的正后方, 像是偏距为0时, 其效果则是创造一个周围会发光的字母. 如果单一的阴影不够强烈, 那就重复同样的阴影几次: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}

 
关键词: css字体阴影
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-537359.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4