用于在图像上显示图像和文本的CSS

时间:2012-11-30 19:42:12

标签: html css

我在页面顶部有一个标题图像宽度为100%,高度为120像素。

我想在中间的标题图片上显示标题文字。

我想在标题的右侧显示另一个小图像图像标题图像高度的80%,在顶部和底部留下10%。

我想在小图像的右侧留下5px。因此,小图像看起来就像标题图像一样。

什么是CSS来获得这个?

先谢谢

1 个答案:

答案 0 :(得分:0)

我通过CSS将图像设置为背景,然后通过两个单独的HTML绝对定位Div标签将其他元素(您想要的文本放在中间,另一个小图像)放在右侧。确保CSS ID标记设置为relative ...

<div  style="width: 200px; height: 23px; position: absolute; right: 12px; top: 399px;" align="center">YOUR IMAGE OR TEXT HERE</div>

当然,根据您的需要设置参数。