发新话题
打印

html图片代码

html图片代码

一、基础代码

引用:
<IMG src="图片链接地址" width=200>

  

二、加边框 1、普通黑色边框(浏览器默认黑色)

引用:
<img src="图片链接地址" width=200 border=12>
 

 

2、简单的CSS装饰框

引用:
①<img src="图片链接地址" width=200 style="border:12px #987cb9 solid"> ②<img src="图片链接地址" width=200 style="border:12px #987cb9 dashed"> ③<img src="图片链接地址" width=200 style="border:12px #987cb9 dotted"> ④<img src="图片链接地址" width=200 style="border:12px #987cb9 double"> ⑤<img src="图片链接地址" width=200 style="border:12px #987cb9 groove"> ⑥<img src="图片链接地址" width=200 style="border:12px #987cb9 ridge"> ⑦<img src="图片链接地址" width=200 style="border:12px #987cb9 inset"> ⑧<img src="图片链接地址" width=200 style="border:12px #987cb9 outset">

三、加CSS滤镜 1、无参数滤镜

引用:
①黑白 <IMG style="FILTER: gray()" src="图片链接地址" width=200> ②底片 <IMG style="FILTER: xray()" src="图片链接地址" width=200> ③X光片 <IMG style="FILTER: invert()" src="图片链接地址" width=200> ④水平翻转 <IMG style="FILTER: fliph()" src="图片链接地址" width=200> ⑤垂直翻转 <IMG style="FILTER: flipv()" src="图片链接地址" width=200>

①黑白 ②底片 ③X光片

④水平翻转 ⑤垂直翻转 2、透明效果(opacity=100 透明度0—100)

 

引用:
①<IMG style="FILTER: Alpha(opacity=100,style=1)" src="图片链接地址" width=200> ②<IMG style="FILTER: Alpha(opacity=100,style=2)" src="图片链接地址" width=200> ③<IMG style="FILTER: Alpha(opacity=100,style=3)" src="图片链接地址" width=200> ④<IMG style="FILTER: Alpha(opacity=0,finishopacity=100,style=1)" src="图片链接地址" width=200>

3、其他特效 

①浮雕

引用:
<IMG style="FILTER:progid:DXImageTransform.Microsoft.Emboss()" src="图片链接地址" width=200>

②波纹

引用:
<IMG style="FILTER:progid:DXImageTransform.Microsoft.Wave()" src="图片链接地址" width=200> <IMG style="FILTER:Wave(Add=0,Freq=5,LightStrength=10,Phase=2,Strength=20)" src="图片链接地址" width=200> (Add=是否打乱1或0;Freq=频率;LightStrength=光效强度;Phase=偏移量;Strength=振幅)

 

③模糊

引用:
<IMG style="FILTER:progid:DXImageTransform.Microsoft.Blur()" src="图片链接地址" width=200> <IMG style="FILTER:Blur(Add=1,Direction=45,Strength=150)" src="图片链接地址" width=200> (Add=是否模糊1或0;Direction=方向;Strength=强度)

④发光

引用:
<IMG style="FILTER:progid:DXImageTransform.Microsoft.Glow()" src="图片链接地址" width=200> <IMG style="FILTER:progid:DXImageTransform.Microsoft.Glow(Color=#987cb9,Strength=10)" src="图片链接地址" width=200> (Color=颜色;Strength=强度)

 

⑤阴影

引用:
<IMG style="FILTER:progid:DXImageTransform.Microsoft.Shadow()" src="图片链接地址" width=200> <IMG style="FILTER:progid:DXImageTransform.Microsoft.Shadow(Color=#987cb9,Direction=135,Strength=10)" src="图片链接地址" width=200> (Color=颜色;Direction=方向;Strength=强度)

 ⑥投影

引用:
<IMG style="FILTER:progid:DXImageTransform.Microsoft.DropShadow()" src="图片链接地址" width=200> <IMG style="FILTER:progid:DXImageTransform.Microsoft.DropShadow(Color=#987cb9,Offx=10,Offy=5,Positive=1)" src="图片链接地址" width=200> (Color=颜色;offx=横向位移;offy=纵向位移;Positive=非透明或透明像素建立可见投影1或0)

 

⑦镂空

引用:
<IMG style="FILTER: Mask()" src="图片链接地址">

 

四、图片定位(align=right图片居右 hspace水平间距 vspace垂直间距)

引用:
<img src="图片链接地址" width=200 align=right hspace="5" vspace="5">

五、添加图片说明

引用:
<img src="图片链接地址" width=200 alt="潮流风真好">

 潮流风真好

TOP

值得研究

寒暄过后总是沉默!
My Blog Ze09.Cn



广告非Google提供

TOP

很全额。呵呵

TOP

???

看不懂呢`怎么办哦``

TOP

哎,还是迷糊中!

TOP

赵岭博客blog 赵岭的博客 演员赵岭博客

提示: 作者被禁止或删除 内容自动屏蔽

TOP

真空泵2

提示: 作者被禁止或删除 内容自动屏蔽

TOP

路过,为楼主赞一个!!!

路过,为楼主赞一个!!!














个人签名:多年以后忽然感觉活着不知道为了什么?我不知道怎么过才会更好?也许人活着更多的是需要一种关爱,友情,真诚,这比什么都重要。拥有这些人生活着有有滋味,才有意义。北京成人用品,看到更多人在北京成人用品,不知道什么样的北京成人用品才是最好的北京成人用品
————————————————————————————————————————————————
[url=http://www.khbj.net]成人用品[/url]

TOP

出售遥控卷帘牌照架13355005733汽车自动翻牌器

批发超薄型汽车自动翻牌器电话:13355005733,超薄平板自动翻牌器,改进型汽车自动翻牌器车牌架,遥控卷帘牌照架 车牌架 卷帘型车牌架牌照架,笔试呼叫系统  无线耳机笔试呼叫系统 ,超薄汽车自动翻牌器,超薄汽车牌照自动翻转系统,本产品对使用两个牌照的、单位和个人用户,是不可多得的一个好产品。该产品设计新颖,构造巧妙,外观精美,可同时安装两副汽车牌照(如:赛牌、警示标语等),采用了微处理器控制电路与机械结构相组合,无论车辆是在高速行驶或停止状态时,均可通过遥控器控制实现汽车牌照自动更换 . 手机13355005733 QQ123847204网址:www.198988.net
短信橡皮批发QQ123842628

TOP

发新话题