it-swarm.com.de

Große, stilvolle Zitate, die nur HTML / CSS verwenden?

Gibt es eine einfache Möglichkeit, diese Art von Anführungszeichen in HTML/CSS abzurufen, ohne auf Bilder oder Dinge wie die absolute Positionierung zurückgreifen zu müssen? Es scheint, als ob jedes Mal, wenn ich wegschaue, HTML/CSS etwas Neues und Fantastisches hinzugefügt wird. Ich habe mich nur gefragt, ob so etwas möglich sein könnte. :)

Siehe Bild:

enter image description here

4

Es ist in der Tat möglich, ohne Bilder zu verwenden. Ein Ansatz führt neben einem einfachen <blockquote> ein zusätzliches Markup ein, und ein anderer verwendet die Pseudo-Selektoren: before und: after, um die Anführungszeichen hinzuzufügen. Die Anführungszeichen selbst sind nur gesprengter Text und mit CSS gestaltet. Ja, Images werden nicht benötigt, sind jedoch einfacher zu implementieren und werden umfassender unterstützt. Die Pseudo-Selektoren werden in IE6 oder IE7 nicht unterstützt, aber es liegt an Ihnen, ob Sie sie unterstützen möchten.

http://www.designmeme.com/tutorials/csscurlyquotes/

4
Andrew Charlton

Sie benötigen das Zitatbild, setzen es in den Hintergrund eines Divs und stellen einen Rand für die erste Zeile ein.

Sie müssen ein Bild verwenden.

0
Edza