复制代码
代码如下:
<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN" "http://www.w3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd">
<html XM lns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS边框阴影</title>
<style>
.dropshadow2{
float:left;
clear:left;
background: url(/jscss/demo img /200903/shadowAlpha.png) no-repeat bottom right !important;
background: url(/jscss/demoimg/200903/shadow.gif) no-repeat bottom right;
m arg in: 10px 0 10px 10px !important;
mar gin : 10px 0 10px 5px;
width: 360 px;
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阴影：</h4> <p>这段边框阴影效果怎么样呢？</p></div></div>
</body>
</html>
效果图
总结
以上是 为你收集整理的 CSS控制背景图像平铺实现边框阴影效果 全部内容，希望文章能够帮你解决 CSS控制背景图像平铺实现边框阴影效果 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于CSS控制背景图像平铺实现边框阴影效果的详细内容...