 Bilderrahmen durch Tabellenränder
Sie möchten einem Foto oder einer Illustration einen besonderen Rahmen geben. Das ist mit HTML oder nun auch mit CSS umsetzbar. Beide Möglichkeiten erkläre ich hier anhand von Beispielen.
1) Rahmen mittels HTML-Anweisungen
Hier wird nicht der Befehl "bordercolor" für Tabellen verwendet weil einige ältere Browser das nicht verstehen würden.
5 Tabellen unterschiedlicher Hintergrundfarbe ergeben eine tollen Rahmen.
| 
|
|
2) Bilderrahmen mit CSS
Natürlich gibt es die Möglichkeit mit CSS farbige Rahmen zu notieren. Dazu notiert man eine Tabelle (um das Bild herum): Eine Tabelle behinhaltet das Image.
Mit cellpadding wird der Abstand des rahmens zum Bild festgelegt. Mit Style-Angaben für den Tabellenrand Farbe und Form des Rahmens festgelegt.
Im TABLE-Tag:
<table style="border-width:10px; border-style:double; border-color:#FF7300" ...
border-styles:
groove = 3D-Effekt.
ridge = 3D-Effekt.
inset = 3D-Effekt.
outset = 3D-Effekt
(nicht alle 3D Effekte sind geeignet für sehr helle Farben)
dotted = gepunktet.
dashed = gestrichelt.
solid = durchgezogen.
double = doppelt durchgezogen.
| 
HOME
HTMLCode
ZURÜCK 