CSS控制背景图像平铺实现边框阴影效果

ttx9n · 发表于 2013-8-25 13:11:10

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>

效果图

wxrf98xr · 发表于 2022-10-13 07:27:44

了乐趣了去了去了去了去了

e8hwl6prw · 发表于 2023-6-18 12:14:28

哈哈哈哈哈哈哈

Anthonylam · 发表于 2023-8-5 20:06:49

vcxvcxv

123456 · 发表于 2023-9-19 07:36:51

天天源码社区论坛

ki9ku6 · 发表于 2023-11-15 12:42:23

好东西可以可以可以可以

pwseqn1h · 发表于 2024-2-5 10:28:02

强烈支持楼主ing……

数据TG@shuju96 · 发表于 2024-5-8 06:20:22

哦哦哦哦哦哦哦哦哦

e8hwl6prw · 发表于 2024-5-25 11:48:55

有什么好的服务器

lsc54 · 发表于 2024-6-14 20:25:34

谢谢楼主分享

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS控制背景图像平铺实现边框阴影效果

相关帖子