WEB标准化当前位置 / 首页  /  文章中心  /  WEB标准化

CSS边框阴影的实现

上一篇下一篇artery2009-09-1135630
 
<!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边框阴影_Code by http://www.codefans.net</title>
<style>
.dropshadow2{
 float:left;
 clear:left;
 background: url(http://codefans.net/jscss/demoimg/200903/shadowAlpha.png) no-repeat bottom right !important;
 background: url(http://codefans.net/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>
做好的文件
文件类型: *.rar fe8e23168e21e0968a796235fcd7f7ec.rar (636 Bytes)
上一篇下一篇
发表评论 共有 条评论
用户名(游客选填): 密码: 匿名发表   验证码:
 

[ ARTERY.cn 随机图赏 ]

男子裸身破冰救爱犬
喵星人玩滑板,超帅!!
iPhone6分辨率与适配
移动设计,交互性为王
设计趋势:网页设计中的幽灵按钮
解决汉堡图标问题