使用 CSS 为阴影添加颜色


要为阴影添加颜色,请使用 box-shadow 属性并设置颜色,以及高度和宽度。

你可以尝试运行以下代码为阴影设置颜色

示例

在线演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2 {
            box-shadow: 10px 10px green;
            height: 70px;
            background-color: red;
         }
      </style>
   </head>
   <body>
      <h2>Heading Two</h2>
      <p>Above heading has shadow.</p>
   </body>
</html>

更新于:23-6-2020

206 次浏览

开启你的职业生涯

通过完成课程获得认证

开始
广告