给图片在博客中添加滤镜效果

配合同事文章的技巧,用自己的博客来测试一下。首先插入一张测试图片

图片点击可在新窗口打开查看

终极技巧之图片篇:为图片添加滤镜效果

文字博客看上去会显得很枯燥,适当的配图能够让页面更美观,也能更好地表达自己的思想。那么如何为图片添加一些Photoshop里面才有的特殊滤镜效果呢?一张张修改图片吗?太烦琐了,更何况很多时候我们是引用网络上的图片地址,并没有对原图片修改权限。这里有一个简单的方法,可以修改图片博客上的显示效果
一般的博客编辑页面都有“插入图片功能,此外还有“源代码编辑”模式,切换到“源代码编辑”模式下,我们可以看到该篇博客HTML代码。找出插入的图片代码域,对其进行修改,例如

ottOM: 4px; BORDER-LEFT: windowtext 0.5pt solid; WIDTH: 95%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BottOM: windowtext 0.5pt solid">

图片点击可在新窗口打开查看

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些