几种直接写在贴图片代码里的装饰方法 [复制链接]

有些简单的对图片装饰,可以将代码直接写在图片代码里,这样就省了不少力.

一.加简单的黑色框:

(1 "unP-  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" border=12>

写上边框宽度就可.浏览器默认黑色,其他色都不行(原设计专用在链接的)

二.加简单的CSS装饰框:

B?Vr9H7n  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff solid">



sHqs)@D  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff dashed">



h\oAW?^  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff dotted">



|Ef\B]Ns  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff double">



>@NH Al  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff groove">



wD|3Czc  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff ridge">



B!`Dj,_  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff inset">



4(VVEe  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff outset">

三.加CSS滤镜.

L[]*vj   


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Alpha(Opacity=100,Style=2)">



A
`=;yD  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Alpha(Opacity=100,Style=3)">



|WopsV %  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Fliph">

水平翻转



Z~g I)  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Flipv">

垂直翻转



*wgHa6?+7  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Gray">



m])!'Pa(=  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Invert">



1]yOC)u"i  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()">



rjmKe*_1V  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Blur(Add=1,Direction=45,Strength=180)">

使图片模糊,Direction=45模糊方向,顺时针0---360,Strength=180模糊程度.



iqzl(9o.D  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Alpha(Opacity=33,Style=0)">

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



I)xB I~x  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)">

Freq=6波纹的频率,Lightstrength=10波纹的光照强度,值0---100,Strength=20振幅


四.将图片放到右边.


(,5oqU9s@  




























<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" align=right>

五.隐藏对图片的说明文字.

SIJ:[=5!7  


<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.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>里.
　

论坛不支持这些特效,想了解的只有自己点击下面的吧,我是没有办法了.

几种直接写在贴图片代码里的装饰方法

[attach]2063[/attach]

偶不学～～

太难了