当前位置：首页 > 文档资料 > CSS 入门教程 >

text-shadow

优质

小牛编辑

127浏览

2023-12-01

描述 (Description)

text-shadow属性指定一个或多个从元素文本派生的阴影。

可能的值 (Possible Values)

none - 不应将阴影与元素相关联。
color - 任何颜色值。这给出了阴影的颜色。
length length length - 阴影的偏移距离和模糊半径，按x偏移，y偏移和模糊半径的顺序。

适用于 (Applies to)

所有HTML元素。

DOM语法 (DOM Syntax)

object.style.textShadow = "red";

例子 (Example)

以下是演示如何在文本周围设置阴影的示例。所有浏览器可能都不支持此功能。

<html>
   <head>
   </head>
   <body>
      <p <b>style = "text-shadow:4px 4px 8px blue;"</b>>
         If your browser supports the CSS text-shadow property, 
         this text will have a  blue shadow.
      </p>
   </body>
</html>

这将产生以下结果 -

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。