<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type"
content="application/xhtml+xml; charset=UTF-8" />
<title>Imageborder</title>
<style type="text/css" media="screen">
div.imageBorder {
width:800px;
margin:30px auto;
padding:0;
background:#f00;
}
div.imageBorder div {
width:800px;
margin:0;
padding:0;
}
div.imageBorder div.content {
width:auto;
margin:0;
padding:20px;
}
div.imageBorder div.l {
background:url('./borderL.gif') repeat-y;
}
div.imageBorder div.r {
background:url('./borderR.gif') 100% 0 repeat-y;
}
div.imageBorder div.t {
background:url('./borderT.gif') repeat-x;
}
div.imageBorder div.b {
background:url('./borderB.gif') 0 100% repeat-x;
}
div.imageBorder div.lt {
background:url('./borderLT.gif') 0 0 no-repeat;
}
div.imageBorder div.rt {
background:url('./borderRT.gif') 100% 0 no-repeat;
}
div.imageBorder div.lb {
background:url('./borderLB.gif') 0 100% no-repeat;
}
div.imageBorder div.rb {
background:url('./borderRB.gif') 100% 100% no-repeat;
}
</style>
</head>
<body>
<div class="imageBorder">
<div class="l">
<div class="r">
<div class="t">
<div class="b">
<div class="l">
<div class="lt">
<div class="rt">
<div class="lb">
<div class="rb">
<div class="content">
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean accumsan.
Suspendisse eget urna vitae quam commodo
luctus. Integer dolor. Quisque vitae
eros lobortis dui luctus interdum.
Pellentesque luctus nisl id odio. Nunc
eget mauris. Ut eu augue. Nulla lectus.
Etiam viverra massa in tellus. Sed
laoreet, orci elementum ornare varius,
diam turpis congue mauris, sit amet
ultrices odio sem lacinia velit.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
