Question

如何在http://notions.okuda.ca/2007/02/06/cool-css-image-border-style/

提及的图像边框示例中添加文字标题

我想在指定图像路径的相同位置使用代码（不在样式表中），所以

中的某处

<img src="SOMETHING.jpg" style="display: block; margin-left: auto; margin-right: auto; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px;" />

Answer 1

你知道自2007年以来发生了很多变化吗？ CSS3引入了box-shadow属性来实现这一点，但更现实。

但是，如果没有HTML或JavaScript，则无法执行标题。 CSS无法从HTML中读取属性。

以下是演示：http://jsfiddle.net/2DuyU/3/

Answer 2

我不知道如何在不制作像这样的p标签的情况下做到这一点：

    <p><img src="location/of/my_image" alt=""/><br/>Caption</p>

将样式添加到p标记中。

示例：http://jsbin.com/ewazir

Answer 3

我认为你应该写下面的

<img>your caption</img>

为图像添加标题

3 个答案: