使用CSS设置阴影效果

阴影用于在指定的X（水平）和Y（垂直）偏移和颜色处为对象创建阴影。

在此过滤器中可以使用以下参数：

参数	描述
颜色	阴影的颜色，采用#RRGGBB格式。
offX	阴影沿x轴从可视对象偏移的像素数。正整数将阴影向右移动，负整数将阴影向左移动。
关闭	阴影沿y轴从可视对象偏移的像素数。正整数将下拉阴影向下，负整数将下拉阴影向上。
正	如果为true，则对象的所有不透明像素都具有阴影。如果为false，则所有透明像素均具有阴影。默认值为true。

示例

您可以尝试运行以下代码来设置阴影效果：

<html>
   <head></head>
   <body>
      <img src = "/css/images/logo.png"
         alt = "CSS Logo"
         style = "Filter: Chroma(Color = #000000)
         DropShadow(Color = #FF0000,
         OffX = 2,
         OffY = 2, Positive = 1)">
      <p>Text Example:</p>
      <div style = "width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: DropShadow(Color = #000000, OffX = 2, OffY = 2, Positive = 1)">CSS Tutorials</div>
   </body>
</html>

基础教程