使用CSS的图像标题

Question

我正在制作一个简单的基于Web的小型控制面板，而我缺乏CSS知识正在扼杀我。我基本上需要创建一个div类，它使用图像图标并在其下面放置文本标题（两者都是指向目标页面的链接）。

我在各种网站上找到了一些这样做的例子，但没有一个能够将图标/标题并排放置。为了更好地了解我想要做的事情，CPanel是我想要完成的一个完美的例子。

我该怎么做呢？

Answer 1

这样的事可能吗？

<div class="image-caption">
    Some Text
</div>

.image-caption {
    background: url(icon_path) no-repeat top center;
    width: icon_width;
    padding-top: icon_height;
}

Answer 2

找到一个网站，采用非常简单的方法，在这里完美运作......

http://www.spartanicus.utvinternet.ie/centered_image_gallery_with_captions.htm