Open source are the greatest wealth---WANGPENG
posts - 46, comments - 11, trackbacks - 0, articles - 0
   :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

[转载]div投影-使用css实现

Posted on 2009-07-28 10:07 WANGPENG 阅读(646) 评论(0)  编辑  收藏 所属分类: 网摘

    要对边框外部进行投影,使用滤镜好像无法实现,只能用多层位置偏差来实现,具体css代码如下:
   

 1 <style>
 2 .out {
 3 position:relative;
 4 background:#bbb;
 5 margin:10px auto;
 6 width:285px
 7 }

 8 .in {
 9 background:#fff;
10 border:1px solid #555;
11 padding:10px 5px;
12 position:relative;
13 top:-5px;
14 left:-5px;
15 }
16 </style>
17 <div style="width:300px; margin-left:200px;">
18 <div class="out">
19 <div class="in" >
20     this is div content!
21 </div>

22 </div>
23 </div>
24 

只有注册用户登录后才能发表评论。


网站导航: