CSS控制背景图像平铺实现边框阴影效果
导读：收集整理的这篇文章主要介绍了CSS控制背景图像平铺实现边框阴影效果，觉得挺不错的，现在分享给大家，也给大家做个参考。 一款用CSS控制背景图像平铺，从而实现区域边框阴影的效果，虽然用到了图片，但可贵之处是本代码不管你需要阴影的区域...
收集整理的这篇文章主要介绍了CSS控制背景图像平铺实现边框阴影效果，觉得挺不错的，现在分享给大家，也给大家做个参考。 一款用CSS控制背景图像平铺，从而实现区域边框阴影的效果，虽然用到了图片，但可贵之处是本代码不管你需要阴影的区域是多大，它都能自动适应，因些还是很值得收藏一下的，兼容所有的IE浏览器。 复制代码代码如下:
!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边框阴影/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阴影：/h4> p> 这段边框阴影效果怎么样呢？/p> /div> /div>
/body>
/html>
效果图
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： CSS控制背景图像平铺实现边框阴影效果
本文地址： https://pptw.com/jishu/584879.html