css實現頁面對象的陰影製作效果,也就是dropshadow

來源:互聯網
上載者:User
<STYLE type=text/css>BODY {}{
    PADDING-RIGHT: 40px; PADDING-LEFT: 40px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
.image {}{
    BACKGROUND: url(dropshadow.png) no-repeat right bottom; FLOAT: left
}
.image IMG {}{
    DISPLAY: block; MARGIN: 0px 9px 9px 0px
}
.image:unknown {}{
    DISPLAY: block; BACKGROUND: url(dropshadow.png) no-repeat left bottom; MARGIN: -9px 0px 0px; WIDTH: 18px; HEIGHT: 9px; content: ""
}
.image:unknown {}{
    DISPLAY: block; BACKGROUND: url(dropshadow.png) no-repeat right top; MARGIN-BOTTOM: -18px; HEIGHT: 18px; content: ""
}
</STYLE>

<DIV class=image><IMG 
src="CSS Dropshadow Technique - timcn_de_files/testbild1.jpg"> </DIV><BR 
style="CLEAR: both"><BR>
<DIV class=image><div >asdfsadfjd;aksdj;fjas;askdfj;aslkdfas<p>asdfsadfasd dasfdasdfasdf dadsfsadfasdf</p><IMG 
src="CSS Dropshadow Technique - timcn_de_files/testbild2.gif" style="border: 1px solid black;"></div> 
</DIV>

使用了一個dropshadow.png的圖形檔案

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.