有些简单的对图片装饰,可以将代码直接写在图片代码里,这样就省了不少力.
一.加简单的黑色框:
H~^am
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" border=12>
写上边框宽度就可.浏览器默认黑色,其他色都不行(原设计专用在链接的)
二.加简单的CSS装饰框:
m(L]R(
t
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff solid">
qe8dpI;
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff dashed">
ML^c-xY(
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff dotted">
DP6 M4
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff double">
.;8T*
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff groove">
M1^,g~e
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff ridge">
!'Q/9%g
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff inset">
Y.$ '<1
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="border:12px #00ffff outset">
三.加CSS滤镜.
J] ^)vxm3
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Alpha(Opacity=100,Style=2)">
2j+v
\pjYC
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Alpha(Opacity=100,Style=3)">
lED-Jo2
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Fliph">
水平翻转
PF+v[h;,
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Flipv">
垂直翻转
=X'i^
Q
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Gray">
lU`]yL
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Invert">
VPx"l5\
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()">
mp:%k\cF|
<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模糊程度.
a$y=+4L
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" style="filter: Alpha(Opacity=33,Style=0)">
Opacity=33使图片透明,值0----100,Style=0不能动.
NjIe2)}'
<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振幅
四.将图片放到右边.
{L$ ]NQdz
<img width=390 src="http://www.jiluyisheng.com/Uploadfile/200631615503177172.jpg" align=right>
五.隐藏对图片的说明文字.
W9D]s~bO;
<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>里.
>jD,%yG [此贴子已经被作者于2006-6-1 23:29:03编辑过]
