並加以組合，我們可以得到許多意想不到的效果。這是一些效果示範，供各位參考。
效果一：
www.webjx.com
這個效果用了shadow濾鏡，**如下：
filter:shadow(color=black,direction=135)效果二：
www.webjx.com
用blur濾鏡做出的效果，**如下：
filter:blur(direction=135,strength=10)效果三：
www.webjx.com
用dropshadow濾鏡做出的效果，**如下：
filter:dropshadow(color=#888888,offx=8,offy=8,positive=1)效果四：
www.webjx.com
用glow濾鏡做出的效果，**如下：
filter:glow(color=royalblue,strength=5)效果五：
www.webjx.com
這個效果用到了兩種濾鏡：shadow和alpha，**如下：
filter:alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#ff3366,direction=135)效果六：
www.webjx.com
filter:mask(color=#f7f7f7) shadow(color=royalblue,direction=135)
注意：mask的顏色要和網頁背景色一致，字型的顏色由shadow決定。
效果七：
www.webjx.com
這個效果和效果六類似，效果六中的mask用的是和背景同樣的顏色，而本例mask則用的是紅色，同樣的，字型顏色由shadow決定。**如下：
filter:mask(color=red)
shadow(color=black,direction=135)效果八：
www.webjx.com
如果說效果六的字型是陰文的話，那麼這個效果的字型應該算是陽文了，用兩個濾鏡實現mask和dropshadow，注意mask的顏色要和網頁背景色一致，或者把mask和chroma成對使用，也可達到同樣效果（下面有介紹）。**如下：
filter:mask(color=#f7f7f7f)
dropshadow(color=royalblue,offx=-3,offy=-3,positive=1)效果九：
www.webjx.com
這個有光暈的文字用了兩個濾鏡glow和droshadow，**如下：
filter:glow(color=pink,strength=10)
dropshadow(color=royalblue,offx=3,offy=3,positive=1)效果十：
www.webjx.com
用glow濾鏡可以做空心字，方法是將字型顏色設定為背景色，再將glow濾鏡的strenght的值設定為1或2即可。這個效果的**如下：
filter:glow(color=green,strength=2)
shadow(color=#66cc99 ,direction=135)
css中border製作各種形狀
css利用border製作各種形狀的原理如圖 使用border繪製三角形是什麼原理？事實上，寬度相等的border是以45度對接的，如下圖 沒有了上border如圖所示 再設定border的寬度為0 設定border的高度為0 如圖 最後設定左右border的顏色為透明，如下圖 貼 做個小三角形 看...
CSS製作各種樣式的彩虹效果
今天看到一篇文章，說到margin的塌陷的問題，並提供了好幾個例子。自己之前還沒怎麼遇到過這個問題，正好來研究一下。css code複製內容到剪貼簿 css樣式一，使用margin塌陷 css code複製內容到剪貼簿 效果 css樣式二，也是使用的margin塌陷，不過做出來的是弧形的彩虹 css...
巧用CSS製作特效藝術字 7例
1.blur濾鏡效果 如下 歡迎光臨web開發網www.cncms.com.cn！2.dropshadow濾鏡效果 如下 歡迎光臨web開發網www.cncms.com.cn！3.glow濾鏡效果 如下 歡迎光臨web開發網www.cncms.com.cn！4.兩種濾鏡.shadow和alpha效果...