A CSS control background image tile, in order to achieve the effect of the area border Shadow, although the use of the picture, but the value of this code regardless of the area you need to shadow is how large, it can automatically adapt, because some are still worth collecting, compatible with all IE browser.
Copy Code code as follows:
<! 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>
<title>css Border Shadow </title>
<style>
. dropshadow2{
Float:left;
Clear:left;
Background:url (/jscss/demoimg/200903/shadowalpha.png) No-repeat bottom right!important;
Background:url (/jscss/demoimg/200903/shadow.gif) No-repeat bottom right;
margin:10px 0 10px 10px!important;
margin:10px 0 10px 5px;
width:360px;
padding:0px;
}
. innerbox{
position:relative;
bottom:6px;
right:6px;
border:1px solid #999999;
padding:4px;
margin:0px 0px 0px 0px;
}
. innerbox{
/* IE5 hack * *
margin:0px 0px-3px 0px;
margin:0px 0px 0px 0px;
}
. Innerbox p{
font-size:14px;
margin:3px;
}
</style>
</head>
<body>
<div class= "Dropshadow2" ><div class= "Innerbox" ><h4>css shadow:</h4> <p> What about this border shadow effect? </p></div></div>
</body>
</html>
Effect chart
