CSS-Rahmen um Bilder gehören eigentlich in die Mottenkiste. Das ist altbekannt, zu drastisch und wird nur selten gebraucht. Trotzdem lassen sich damit auch subtile Effekte erzielen. Etwa ein dreidimensional wirkender Rahmen, der sich prima im modernen Webdesign einsetzen lässt. Der Eindruck kommt dadurch zustande, dass nur ein Teil der Rahmenlinien tatsächlich vorhanden ist.
Testbild ohne Rahmen
Einfacher HTML-Rahmen
3D CSS-Rahmen
Der CSS Quellcode:
padding: 5px;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #B2B2B2;
Einfach, aber wirkungsvoll! Gearbeitet wird mit Grautönen. Der Rahmen wird dem Bild hinzugefügt wodurch es sichtbar mehr Platz verbraucht.
Erstveröffentlichung 23.05.2008
