我有这个问题:我在 Photoshop 中将一个圆圈分成 4 个部分,我想将它们用作 HTML 页面中的 4 个链接。所以我创建了一个这样的 DIV:
<div id="box">
<a href="www.abc.com"><img src="G.png" /></a>
<a href="www.efg.net"><img src="UW.png" /></a>
<a href="www.yahoo.com"><img src="DW.png" /></a>
<a href="www.google.com"><img src="R.png" /></a>
</div>
和这样的 CSS 文件:
#box {
width:185px;
}
但结果不是我想要的。正如您在图片中看到的,这 4 个图像之间有一个空间。我该如何解决这个问题?谢谢。 http://www.img4up.com/up2/96145115384598309149.png
最佳答案
您可以使用:
img { margin: 0; padding: 0; }
a { float: left; margin: 0; padding: 0; }
关于CSS:调整div中4个图像的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14172692/