shadow on a box is created via the box-shadow property that attaches one or more drop-shadows to the box.
<div class="shadowedBorderBox"></div>
.shadowedBorderBox {
/* the box shadow */
box-shadow: 5px 5px 5px #666;
/* a border to see the box */
border: 1px solid blue;
/* width and height because has no intrinsic width and height */
width: 60px;
height: 60px;
}