使用 filter:DropShadow() 範例

區塊陰影 CSS box-shadow 語法範例

<HEAD>
<style type="text/css">
<!--
.boxshadow {
background :#fff; /* 背景顏色 */
border: solid 1px #CCC; /* 邊框樣式 */
-moz-box-shadow: 1px 1px 5px #999; /* Firefox */
-webkit-box-shadow: 1px 1px 5px #999; /* Safari 和 Chrome */
box-shadow: 1px 1px 5px #999; /* Opera 10.5 + */
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6); /* ie */
color: #fff; /* 文字顏色 */
padding: 15px; /* 文字與邊框距離 */
width: 600px; /* 區塊寬度 */
height:350px; /* 區塊高度 */
}
-->
</style>
</HEAD>
<BODY>
<div class="boxshadow">區塊陰影 CSS box-shadow 語法範例</div>
</BODY>

 

 

http://www.webpage.idv.tw/maillist/maillist4/photo/02/iedemo1.htm

阿倫 發表在 痞客邦 PIXNET 留言(0) 人氣()