当前位置: 首页 >> 程序设计 >> CSS实现阴影效果
 

CSS实现阴影效果

作者:      来源:zz     发表时间:2007-06-27     浏览次数:      字号:    

 <STYLE>
.out {
  display:block;
  background:#bbb;
  border:1px solid #ddd;
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:center;
  background:#fff;
  border:1px solid #555;
  position:relative;
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:8em;}
h4 {font-weight:bold; color:#000;}
</STYLE>
<DIV class="out narrow"> <DIV class="in ltin tpin"> <H4>Narrow</H4> <P>This is the text that goes in the middle.</P> </DIV> </DIV>

责任编辑 webmaster

 
 
 
 
 
评论更多>>
 
 
 
发表
 
姓名: QQ:
性别: MSN:
E-mail: 主页:
评分: 1 2 3 4 5
评论内容:
验证码:
  
  • 请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。
  • 严禁发表危害国家安全、损害国家利益、破坏民族团结、破坏国家宗教政策、破坏社会稳定、侮辱、诽谤、教唆、淫秽等内容的评论 。
  • 用户需对自己在使用本站服务过程中的行为承担法律责任(直接或间接导致的)。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  •