1
Below are the steps to add a shadow to an element in CSS:
1. Select the element you want to add a shadow to.
2. Add the following CSS property to the element:
box-shadow: <h-shadow> <v-shadow> <blur-radius> <spread-radius> <color>;
<h-shadow> is the horizontal offset of the shadow.
<v-shadow> is the vertical offset of the shadow.
<blur-radius> is the blur radius of the shadow.
<spread-radius> is the spread radius of the shadow.
<color> is the color of the shadow.
0 <!DOCTYPE html>
<html>
<head>
<style>
div {
width: 300px;
height: 100px;
padding: 15px;
background-color: coral;
box-shadow: 10px 10px 5px lightblue;
}
</style>
</head>
<body>
<h1>The box-shadow Property</h1>
<div>A div element with a 5px blurred, lightblue box-shadow.</div>
</body>
</html>