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;

Answer 2

这是我改变的代码使用css

img { border: 1px solid #fff000; }

和代码

<div style="width:998px; height:248px;">

    <!-- CAN'T EDIT THIS BLOCKS FROM -->
    <a href="#">  
        <img width="1000" height="250" border="0" src="http://oboshto.ru/upme/shits/banner1000.jpg" alt=""></img>
    </a>
    <!-- TO -->

</div> <!--  << editable -->

Answer 3

http://jsfiddle.net/5JjQW/检查您可以使用

设置的代码

    <div style="position: absolute;border: 1px solid #f00;width:998px; padding:2px; height:248px;">


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


</div>

带边框的图像边框1px：0;没有js

3 个答案: