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
Reviewed by NEERAJ SRIVASTAVA
on
7:05:00 PM
Rating:
Reviewed by NEERAJ SRIVASTAVA
on
7:05:00 PM
Rating:
No comments: