How to set box shadow for div using CSS


In this article, I will explain how to set box shadow on the div.
  
Source Code:-

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="shadowbox.aspx.cs" Inherits="shadowbox" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Shadow box for div </title>
    <style type="text/css">
        .div
        {
            box-shadow: 10px 10px 5px #888888;
            background-color: lightblue;
            width: 260px;
        }
        .para
        {
            color: Red;
            text-align: justify;
            font-family: Times New Roman;
            font-size: medium;
            margin-left:10px;
            margin-right:10px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="div">
        <p class="para">
           Code Solutions is a blog that main aim to provide the code for everyone and that's code everyone can use everywhere. We are not using any type of copy right for our code
        </p>
    </div>
    </form>
</body>
</html>


 Out-put


How to set box shadow for div using CSS How to set box shadow for div using CSS Reviewed by NEERAJ SRIVASTAVA on 7:05:00 PM Rating: 5

No comments:

Powered by Blogger.