Gestaltungsbeispiele mit vertikalen Röhrengrafiken

Röhre als linke Begrenzung

.links {
background: #484848 url(gruen1.gif) repeat-y;
width: 500px;
padding: 10px 10px 10px 20px;
color: #dfdfdf;
}

Röhre als rechte Begrenzung

.rechts {
background: #484848 url(gruen2.gif) top right repeat-y;
width: 500px;
padding: 10px 20px 10px 10px;
color: #dfdfdf;
}

Röhre als linke und rechte Begrenzung

CSS:
* {
margin: 0; padding: 0;
}

.aussen {
background: #484848 url(gruen1.gif) repeat-y;
color: #dfdfdf;
width: 500px;
}

.innen {
background: url(gruen2.gif) repeat-y top right;
}

h3, p {
padding: 10px 20px;
}

HTML:
<div class="aussen">
<div class="innen">
<p>
Inhalt
</p>
</div>
</div>

zurück zur Anleitung
zur Startseite