Können wir den Bildern nur mit CSS Beschriftungen geben? - HTML, CSS, Bild, Bildunterschrift

Ich möchte den Bildern Bildunterschriften geben. Ich finde zwei Möglichkeiten.

1. Auf Anfrage
2. Nur mit CSS

Ich denke, der zweite ist der coole Weg, es zu versuchen

Ich denke, airnb macht es auf die zweite Art und Weise.

aber ich konnte es nicht mit herausfinden firebug.

Kannst du mir ein einfaches Beispiel oder einen nützlichen Blog-Link dafür geben?

Antworten:

Es gibt Option 3) Über HTML (und CSS). Warum nicht einfach eine Beschriftung in HTML einfügen?

Zur Beantwortung Ihrer Frage können Sie jedoch Folgendes verwenden, wenn Sie dies in CSS tun möchten:

img {
margin-bottom: 50px; /* Make room */
}

img:after {
content: "The caption of the image";
display: block;
position: absolute;
top: 100%;
}

Sie benötigen noch einen Container, damit die Positionierung funktioniert. Und ich kann mir vorstellen, dass der Beschriftungstext eigentlich nicht in CSS sein sollte, daher ist eine reine CSS-Lösung nicht ideal.