javascript - 如何确保 css 边框进入图像内部

标签 javascript html css

我有一些用 photoshop 添加了边框的图片,但这些边框很脏。 我会覆盖这些边框而不用再次使用 photoshop(不能使用脚本,因为几乎每张图片都太具体了),因为我的客户给了我大约 15000 张有这个错误的图片..

然后,我想到了 css 边框。 那么,如何使图像周围的边框填充图像内部?

这可能吗?你有更好的主意吗?

编辑

不适合我的情况的想法列表:

  1. css 属性:border-style:inset(无论如何谢谢 Abdul Basit)
  2. css 属性:剪辑

提前谢谢你。

最佳答案

你可以给内嵌边框

   border-style: inset;

可以添加一个覆盖大约所有边框的宽度

    border-width: 5px;

或者您可以使用图像作为所有边框。

关于javascript - 如何确保 css 边框进入图像内部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26714345/

相关文章:

html - 带有 br 标签的表格单选按钮

JavaScript:在 IE 中列出全局变量

html - 如何让段落 div 中的文字在垂直线上向左对齐?

html - 我的 bootstrap 4 Cards 没有缩小以适应移动屏幕

javascript - 有没有办法使用 setTimeout 为我的代码添加冷却时间,这样人们就不会向命令发送垃圾邮件?

javascript - 保存从 xmpp Strophe si-filetransfer 收到的文件

javascript - 如何检查我上传的输入文件的重复项?

html - 如何为一个div设置垂直居中对齐另一个div

jquery - 使用宏伟的弹出插件进行灯箱覆盖时出现重叠问题

javascript - 如何在VueJS单元测试中触发子组件的点击事件?