如何用JavaScript在盒子上附加一个或多个阴影

如何用JavaScript在盒子上附加一个或多个阴影

为了给盒子附加阴影,可以使用JavaScript中的boxShadow属性。通过这个属性,添加阴影的宽度以及颜色。

示例

你可以尝试运行以下代码,了解如何附加一个或多个阴影。

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: thick solid green;
            width: 300px;
            height: 200px
         }
      </style>
   </head>
   <body>
      <div id="box">Demo Text</div>
      <br><br>
      <button type="button" onclick="display()">Add drop shadow</button>
      <script>
         function display() {
            document.getElementById("box").style.boxShadow = "20px 15px 25px orange";
         }
      </script>
   </body>
</html>

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 教程