如何使用 CSS 设置 div 的阴影颜色？

在本文中，我们将看到如何使用 CSS 设置 div 的阴影颜色。就像人类有自己的阴影一样，我们可以使用 CSS 为 div 元素制作任何颜色的阴影。

框阴影属性：此属性用于为元素创建一个或多个阴影。

方法：

• 使用 div 元素创建 HTML 页面。
• 在 box-shadow 属性的帮助下，将阴影应用于 div 元素。

示例 1：在下面的示例中，我们在 box-shadow 属性的帮助下为 div 元素应用了一些阴影。

HTML

  

  

  

  

      GeeksForGeeks
  
  
  
box-shadow: 5px 10px green.
  

  
  

    Welcome to GeeksForGeeks, a computer 
    science for geeks.
  
  
  

  

输出：

示例 2：

HTML

  

    

  

    

        GeeksForGeeks
    
  
    
box-shadow:5px 10px 10px 20px green.
    

        

            Welcome to GeeksForGeeks, 
            a computer science for geeks.
        
  
    

  

输出：