DIV CSS 佈局教程網

：<br/> 
abcdefghijklmn  
</div> 
<divstyledivstyle="filter:invert;text-transform:uppercase;color:Red;"> 

◆DIV樣式特殊效果之invert效果

：<br/> 
背景色變成相反顏色，如黑變成白。  
</div> 
<divstyledivstyle="filter:wave(add=0,freq=3,lightstrength=20,phase=3,strength=10)"> 

◆DIV樣式特殊效果之wave效果

<br/> 
Add：一般為1，或0。(0表示上下波浪)  
Freq：變形值。(指定多少個波浪)  
LightStrength：變形百分比。(變形後的陰影。)  
Phase：角度變形百分比。(彎曲的角度)Strength：變形強度。(數值越大，DIV變形就越大。)  
</div> 
<divstyledivstyle="filter:Xray"> 

◆DIV樣式特殊效果之xray效果

<br/> 
sfasdfasdfasdfsadf  
</div> 
<divstyledivstyle="filter:progid:DXImageTransform.Microsoft.GradIEnt  
(GradIEntType=0,StartColorStr='#B5CCFA',EndColorStr='#ffffff');"> 
progid:dximagetransform.microsoft.gradIEnt效果：<br/> 
endendendendendendendendendend  
</div> 
</div> 
<divstyledivstyle="filter:DropShadow(color='#666666',OffX='3',OffY='3',  
Positive='1');width:200px;height:200px;"> 

◆DIV樣式特殊效果之dropshadow效果

<br/> 
此效果只有在不設置背景色時有效，這時Color指定的將成為背景色。  
 
此時背上的字將是清晰的。positive為0時color將成為背景色，為1時color只是文本投影的顏色。  
</div> 
<divstyledivstyle="filter:Glow(color='#0000ff',strength='3');  
width:100px;height:100px;">