我想不出一种在文本上放置文字的好方法。这是我想做的:

这就是我所拥有的。我想在左侧的黄色导航标志上放置文本(例如,“主页”,“联系我们”,“关于我们”等的常规导航),但是我真的想不出一种好方法。我尝试以与将实际标志放在绝对位置相同的方式进行操作,但是没有解决。我还计划在页面中间的蓝色条上放置文本,但这将以相同的方式完成。

我不需要字母本身就是指向下一页的链接,但是如果那是当我将文字放在其上时发生的事情,那就这样吧。

最佳答案

在图像所在的位置使用右跨度,并将其设置为绝对位置,并在顶部和左侧将其放置在正确的位置。这是一个示例,尝试在柱子上的柱子顶部使文本测试位于柱子的中间:

<a href="index.html">
 <img src="images/rightArrow.png" id="img2">
 <span style="position:absolute;left:95px;top:33px">test</span>
</a>

关于html - 在图像上放置文字,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10037514/

10-16 03:35