We do not always find visible happiness in proportion to visible virtue

梦幻白桦林

SHARE

  C++博客 :: 首页 :: 联系 :: 聚合  :: 管理
  14 Posts :: 58 Stories :: 62 Comments :: 0 Trackbacks

公告

常用链接

留言簿(5)

搜索

  •  

最新随笔

最新评论

阅读排行榜

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> azhong.com </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
#shadow
{
position
: relative;
left
: 3px;
top
: 3px;
margin-right
: 3px;
margin-bottom
: 3px;
}

#shadow .shadow2,
#shadow .shadow3,
#shadow .content 
{
position
: relative;
left
: -1px;
top
: -1px;
}
#shadow .shadow1 
{
background
: #F1F0F1;
}
#shadow .shadow2 
{
background
: #DBDADB;
}
#shadow .shadow3 
{
background
: #B8B6B8;
}
#shadow .content 
{
background
: #ffffff;
border
: 1px solid #848284;
padding
: 12px;
}
</style>
</HEAD>

<BODY>


XHTML部分:
<div id="shadow">
<div class="shadow1">
<div class="shadow2">
<div class="shadow3">
<div class="content">
中华人民共和国
</div>
</div>
</div>
</div>
</div>
</BODY>
</HTML>

posted on 2007-06-17 21:43 colys 阅读(2441) 评论(5)  编辑 收藏 引用 所属分类: JavaScript

Feedback

# re: div阴影 2009-02-08 11:49 失忆的雪鸦
很实用,可以通过IE和FF测试的,没有兼容问题。谢了!  回复  更多评论
  

# re: div阴影 2012-01-15 21:54 数据库之家
我想知道原理,谢谢!  回复  更多评论
  

# re: div阴影[未登录] 2012-06-24 11:20 zzz
@数据库之家
- - ! 这是土办法,设置多层不同色彩,产生渐变效果。  回复  更多评论
  

# re: div阴影[未登录] 2012-09-03 13:36 Yang
很棒!  回复  更多评论
  


只有注册用户登录后才能发表评论。
网站导航: 博客园   IT新闻   BlogJava   知识库   博问   管理