html - 边框为 :0; without js 的图像的边框 1px

Question

我有一个宽度为 1000 像素、高度为 250 像素的横幅。

<a href="#">
   <img width="1000" height="250" border="0" src="http://oboshto.ru/upme/shits/banner1000.jpg" alt="">
</a>

而且我无法编辑图片和链接代码。但我可以在横幅前后添加自定义代码。

如何设置 1px 横幅边框？

看看我的jsfiddle

我的代码看起来不太好(查看border-bottom 和 border-right，但横幅尺寸是正确的)

Answer 1

你的边框在那里，它不在右边和底部的原因是你的容器有 width:998px; height:248px; 但您的图像有 width="1000"height="250" 要么向您的容器再添加两个像素，这样图像就不会破裂，要么设置容器到 overflow:hidden;