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

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

一.加简单的黑色框:

fjY:u,5V_  


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

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

二.加简单的CSS装饰框:

!6a;/ys  


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



EBiLe;=X  


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



6']G HDK  


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



%oWG"u  


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



lCBH3-0^  


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



 $&1Dl  


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



V<?0(esgR  


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



A/"2a55  


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

三.加CSS滤镜.

-yb7s2o  


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



,X;$-.  


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



At !:d3  


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

水平翻转



<0? r# }  


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

垂直翻转



d1D=R8P_u  


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



#_ UP}G$  


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



|o*qZ}6  


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



?
M6)O?[  


<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模糊程度.



K\zb+  


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

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



2%J] })  


<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振幅


四.将图片放到右边.


3\{\ al   




























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

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

RGkV%u^  


<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]

偶不学～～

太难了