CSS操纵情况图象平铺完成边框黑影实际效果

日期:2020-10-23 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

1款用CSS操纵情况图象平铺,从而完成地区边框黑影的实际效果,尽管用到了照片,但宝贵的地方是本编码无论你必须黑影的地区是多大,它都能全自动融入,因些還是很值得个人收藏1下的,适配全部的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 ⑶px 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和js完成瀑布流实际效果示例 返回下一篇:没有了