Sie sind hier: Startseite » CSS-Tutorials » Rahmen
| Rahmen - "border" - effekte machen eine Bildergalerie lebendiger. Eine Reihe von Style-Anweisungen können Ihre Fotogalerie aufpeppen und Urlaubsfotos wesentlich interessanter aussehen lassen.
Alle Rahmen können auch um Texte und Hyperlinks gelegt werden. Bei einer Grössenangabe von width="100%" height="100%" ermöglichen es Ihnen die Styleanweisungen sogar, Ihre gesamte Website einzurahmen. Benutzen Sie beim Editieren bitte unsere Hilfe-Fenster unter "kleine Helfer" ! Hier können Sie Beispiele ansehen und ausprobieren: |
| Ein einfacher Rahmen ohne Style-Anweisungen, der von verschiedenen Browsern auch farblich unterschiedlich dargestellt wird. Editieren |
 |
|
| Durch die Style-Anweisung kann man sowohl die Rahmendicke als auch die Farbe bestimmen. Editieren |
 |
|
| Man kann sogar jedem Teil des Rahmens eine andere Breite und eine andere Farbe zuweisen Editieren |
 |
|
| Dieser Rahmen wechselt bei Mausberührung seine Farbe: Editieren |
 |
|
| Ein Rahmen mit Schatteneffekt: Editieren |
 |
|
| Ein Rahmen mit Schatteneffekt -hier liegt der Schatten anders: Editieren |
 |
|
| Gepunkteter Rahmen. Je nach Anzahl der Pixel verändert sich auch die Form der Punkte: Editieren |
 |
|
| Kräftig gestrichelter Rahmen Editieren |
 |
|
| Eine doppelte Rahmenlinie: |  |
|
| Plastischer Rahmen: |  |
|
| Für besonders phantasievolle Einrahmungen benutzen Sie doch einfach mehrere, ineinander verschachtelte Rahmen ! Mithilfe von "div"-Containern lassen sich mehrere Rahmen ineinander schieben. Der äussere Rahmen benötigt hierbei eine genaue Höhen- und Breitenangabe, damit er sich nicht über den gesamten Monitor ausbreitet. Wie hoch- und breit der Rahmen sein muss, probieren Sie am Besten zusammen mit Ihrem Bild aus, damit er richtig passt. | ||
| Verschachtelter Rahmen: |  | |
