我在网页上使用了一个按钮标签,里面有一张图片,你可以在下面看到它:
<button runat="server" id="btnLogin">
<img src="images/login.png" />
</button>
但是在浏览器中,图像周围有一些空白。您可以在下面的图片中看到它。我用红框标记了图像。
如何删除图像周围的这些空白区域?这个设计来自一个设计师,我没有时间让他改变这个。提前致谢。
最佳答案
将以下样式添加到您的按钮和图像
<button runat="server" id="btnLogin" style="padding:0; width:auto; height:auto">
<img src="images/login.png" style="margin:0; padding:0" />
</button>
也可以设置按钮的宽高和图片完全一样
关于html - 按钮标签内图像周围的空白区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20933042/