博客图片html代码,【html博客代码】图片羽化代码
生活随笔
收集整理的這篇文章主要介紹了
博客图片html代码,【html博客代码】图片羽化代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
(供初學HTML代碼的朋友參考)
用代碼制作圖片羽化效果
圖片羽化也有的叫霧化,就是用圖像軟件或代碼制作,使圖片邊緣產生朦朧的美化效果。代碼作圖片羽化的方法很容易,用html貼圖標簽加入css樣式表濾鏡屬性和屬值語句即可.祥細內容如下:
⑴ html貼圖標簽:
⑵ css樣式表濾鏡屬性和屬值語句:
style="FILTER: alpha(opacity=100,style=2)"
⑶ 用代碼制作圖片羽化模式:
說明:
◆
◆style=套用css樣式表標記.
◆FILTER 屬性名稱:濾鏡
◆alpha 屬值:透明程度.
◆opacity 啟始值0-100,0為透明,100為原圖,通常是100.
◆style=2或3,羽化效果,2為圓形,3為矩形.
圖片羽化(圓形)代碼實例:
說明:
◆關鍵語句:opacity=100,style=2
顯示效果:
圖片羽化(矩形)代碼實例:
說明:
◆關鍵語句:opacity=100,style=3
顯示效果:
羽化圖片再加上移動標簽,也可作各種方向移動,例如來回走的代碼:
顯示效果:
在羽化圖片上還可用絕對定位加疊文字、圖片和Flash等內容,代碼如下:
| 草原牧埸 |
說明:
◆TABLE style=表格標簽套用樣式表標記.
◆POSITION: relative 樣式表語句:相對定位,作為絕對定位的容框.
◆
總結
以上是生活随笔為你收集整理的博客图片html代码,【html博客代码】图片羽化代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 有服务器还需要网站空间吗,有服务器还需要
- 下一篇: Docker基础笔记