Home >Web Front-end >CSS Tutorial >Add shadows to elements using CSS

Add shadows to elements using CSS

王林forward: 2023-08-27 16:53:021407browse

使用 CSS 为元素添加阴影

Add a shadow to an element using CSS using the box-shadow property. You can try running the following code to implement the box-shadow property:

Example

Live Demonstration

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

The above is the detailed content of Add shadows to elements using CSS. For more information, please follow other related articles on the PHP Chinese website!

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：Using data table paginationNext article：Using data table pagination

See more

Add shadows to elements using CSS

Example

Related articles