不用軟體也做圖:再發幾種直接寫在貼圖片代碼里的裝飾方法

有些簡單的對圖片裝飾,可以將代碼直接寫在圖片代碼里,這樣就省了不少力. 一.加簡單的黑色框:

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" border=12>

二.加簡單的CSS裝飾框:

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://bbs.e-yu.cn/attachments/ext_jpg/263188840_m2Y2GthlbTtg.jpg" style="border:12px #9ACD32 solid">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 dashed">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 dotted">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 double">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 groove">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 ridge">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 inset">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 outset">

<img width_=130 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=100,Style=2)">

<img width_=150 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=100,Style=3)">

<img width_=150 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Fliph">

<img width_=220 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Flipv">

垂直翻轉

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Gray">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Invert">

<img width_=150 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Blur(Add=1,Direction=45,Strength=180)">

使圖片模糊,Direction=45模糊方向,順時針0---360,Strength=180模糊程度.

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=33,Style=0)">

Opacity=33使圖片透明,值0----100,Style=0不能動.

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)">

Freq=6波紋的頻率,Lightstrength=10波紋的光照強度,值0---100,Strength=20振幅

四.隱藏對圖片的說明文字

<img width_=190 src="https://www.getit01.com/getimg_360.php?url=http://photo.xilu.com/pics/2005071954067_thumb.jpg" alt="你好,歡迎光臨電腦學堂!">

五.將圖片放到右邊.

注:以上有關CSS代碼在有的論壇不支持(如7.0版)只能將代碼改成如下寫法:<div style="filter: Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)">圖片</div>或將代碼style="filter: Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)"放在表格的最後一層<td>里.
推薦閱讀:

博客留言貼圖新技巧
令人驚叫的三維幻覺[30P]|『精彩貼圖』
名利場年度美人誰是你的菜[貼圖]
偉大的大自然 - 瘋狂貼圖
各國女性胸部大小排名[貼圖]

TAG:圖片 | 軟體 | 代碼 | 方法 | 裝飾 | 貼圖 |