css 代码中如何为一个指定字体设置阴影效果呢?


摘要:
下文讲述css代码中为字体设置阴影效果的方法分享,如下所示;

为字体设置阴影效果,是我们常见的操作方式,那么如何为字体设置阴影效果,下文将通过示例的方式讲述其实现方式

 实现思路:
     使用text-shadow属性既可为文字实现一个阴影效果
 注意事项:
     此属性是一个css3属性

例:
为“猫猫教程”四个字设置阴影效果
测试环境:chrome

<p>
 maomao365.com <br />
为字体设置阴影效果
</p>
<hr />
<style>
div h3{
  text-shadow: 2px 2px 2px grey;
}
</style>


 <div>
   <h3>猫猫教程</h3>
 </div>
css设置字体阴影效果的示例分享

css设置字体阴影效果的示例分享