how to create shadow to box using css

This post helps to create shadow to the box or div , It will looks like good we can use it to the divs and images. This is very simple try the following codes shows below.

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>crate shadow to box</title>

<style>

.san

{

width:500px;

height:200px;

background-color:#EAEAEA;

border:1px solid #909090;

box-shadow:5px 5px 10px;

}

</style>

</head>

<body>

<div class="san"> This is shadow box</div>

</body>

</html>

how to create shadow to box using css