Open source are the greatest wealth---WANGPENG
          posts - 46, comments - 11, trackbacks - 0, articles - 0
             :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

          [轉(zhuǎn)載]div投影-使用css實(shí)現(xiàn)

          Posted on 2009-07-28 10:07 WANGPENG 閱讀(657) 評論(0)  編輯  收藏 所屬分類: 網(wǎng)摘

              要對邊框外部進(jìn)行投影,使用濾鏡好像無法實(shí)現(xiàn),只能用多層位置偏差來實(shí)現(xiàn),具體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 
          主站蜘蛛池模板: 临高县| 东源县| 开原市| 三江| 沙河市| 永胜县| 济宁市| 江达县| 宾阳县| 牙克石市| 浦县| 北辰区| 清徐县| 乌审旗| 兴国县| 龙口市| 咸丰县| 光山县| 宁津县| 许昌市| 吴江市| 玉田县| 江口县| 永顺县| 舟山市| 介休市| 巴青县| 大洼县| 万山特区| 汉中市| 荆州市| 墨脱县| 望江县| 晴隆县| 教育| 同江市| 华宁县| 镶黄旗| 上犹县| 兴国县| 株洲县|