各種HTML貼圖代碼大集合

一、基礎代碼

這篇日志，請使用IE內核瀏覽器欣賞【博主也不用，但是微軟在代碼上留有這么個后著】

最基礎代碼

還有些中，左，右的標記同文字的代碼相類

如要，限制寬度，高度

如width=200

二、加边框

1、普通黑色（瀏覽器默認）

<img src="圖片鏈接" border=12> 后面的數字的作用是邊框寬度單位px，也可以自定為cm，mm等等

2、改顏色代碼

<img src="图片链接地址" Style="border:12px solid #色碼"> 顏色由#（十六進制數）定義，或者由三聯的十進制數定義，最大折合十進制255，分別對應紅綠藍

也可以詳細成<img style="border-right: #ffffff 12px solid; border-top: #ffffff 12px solid; border-left: #ffffff 12px solid; border-bottom: #ffffff 12px solid" src=’圖片位置’ /> 當然，由是可以知道怎么做單向的邊框

3、简单的CSS装饰框

點狀方格<img src="圖片鏈接" style="border:12px #987cb9 dashed">

點狀小圓圈<img src="圖片鏈接" style="border:12px #987cb9 dotted">

雙層邊線<img src="圖片鏈接" style="border:12px #987cb9 double">

菱凹框<img src="圖片鏈接" style="border:12px #987cb9 groove">

菱凸框<img src="圖片鏈接" style="border:12px #987cb9 ridge">

陰陽框<img src="圖片鏈接" style="border:12px #987cb9 inset">

這個說不出名目了<img src="圖片鏈接" style="border:12px #987cb9 outset">

三、CSS濾鏡

1、無參數濾鏡

①黑白

②X光片

③底片

④水平翻轉

⑤垂直翻转

2、透明效果（opacity=100 透明度0—100）

①<IMG style="FILTER: Alpha(opacity=100,style=1)" src="圖片鏈接" >

②<IMG style="FILTER: Alpha(opacity=100,style=2)" src="圖片鏈接" >

③<IMG style="FILTER: Alpha(opacity=100,style=3)" src="圖片鏈接" >

④<IMG style="FILTER: Alpha(opacity=0,finishopacity=100,style=1)" src="圖片鏈接" >

3、其他特效

①浮雕

②波纹

（Add=是否打亂1或0；Freq=頻數；LightStrength=光強；Phase=偏移；Strength=振幅）

③模糊

高斯模糊<IMG style="FILTER:progid:DXImageTransform.Microsoft.Blur()" src="圖片鏈接" >

徑向模糊<IMG style="FILTER:Blur(Add=1,Direction=45,Strength=150)" src="圖片鏈接" >

（Add=是否模糊1或0；Direction=方向；Strength=强度）

④發光

邊緣發光，默認紅色<IMG style="FILTER:progid:DXImageTransform.Microsoft.Glow()" src="圖片鏈接" >

改變顏色，和發散度<IMG style="FILTER:progid:DXImageTransform.Microsoft.Glow(Color=#987cb9,Strength=10)" src="圖片鏈接" >

（Color=颜色；Strength=强度）

⑤阴影

，默認，黑的<IMG style="FILTER:progid:DXImageTransform.Microsoft.Shadow()" src="圖片鏈接" >

（Color=颜色；Direction=方向；Strength=强度）

⑥投影

（Color=颜色；offx=横向位移；offy=纵向位移；Positive=非透明或透明像素建立可见投影1或0）

⑦镂空

當然，最最重要的，還是圖的創作，今天有人推薦這個網，我拿來共享一下，相當有意思的畫風，貌似還有些效果，我沒有添加，如果你的瀏覽器版本比較低，那么看不出效果也實屬正常，我的網頁是用chrome和ff3.5做的，ie的朋友，十分百分一千分的，對不起