html图片消失代码,HTML图片代码

HTML图片代码

2018-09-10

一、基础代码

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

二、加边框

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

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

2、简单的CSS装饰框

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

三、加CSS滤镜

1、无参数滤镜

①黑白

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

②底片

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

③X光片

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

④水平翻转

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

⑤垂直翻转

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

2、透明效果(opacity=100 透明度0—100)

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

3、其他特效

①浮雕

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

②波纹

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

(Add=是否打乱1或0;Freq=频率;LightStrength=光效强度;Phase=偏移量;Strength=振幅)

③模糊

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

(Add=是否模糊1或0;Direction=方向;Strength=强度)

④发光

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

(Color=颜色;Strength=强度)

⑤阴影

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

(Color=颜色;Direction=方向;Strength=强度)

⑥投影

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

(Color=颜色;offx=横向位移;offy=纵向位移;Positive=非透明或透明像素建立可见投影1或0)

镂空

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

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

%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80

五、添加图片说明

原来你也在这里

二十三种图片修饰样式及代码html

1、单线框

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

2、双线框

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

3、凸出框

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

4、凹进框

代码: %E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

5、邮票框

代码:

%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

6、虚线框

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

7、凹槽框

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

8、脊状框

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

9、立体阴影框

代码:

%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

10、阴影框

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

11、横向渐变透明

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

12、圆形渐变透明

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

13、X形渐变透明

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

14、改变某种颜色

代码:

%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

15、黑白效果

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

16、X光效果(底片)

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

17、浮雕效果

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80style=%22filter:progid:DXImageTransform.Microsoft.Emboss()%22

18、上下颠倒

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

19、左右颠倒

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

20、色彩颠倒

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

21、粒状阴影

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

22、模糊效果

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

23、水波效果(风吹)

代码:%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。

http://www.pinlue.com/style/images/nopic.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值