Kewl huh.
<STYLE type=text/css>
<!--
body {background: #69C; color: black;}
div.main {background: white; width: 30em; margin: 1em auto; padding: 0; text-align: center;}
div.slant1 {height: 0; border-style: solid none none solid; border-color: #69C #69C #69C white; border-width: 2em 1em; margin: 0 0 0 0.5em; padding: 0; float: right; clear: right;}
div.slant2 {height: 0; border-style: solid solid none none; border-color: #69C white #69C white; border-width: 2em 1em; margin: 0 0.5em 0 0; padding: 0; float: left; clear: left;}
h1 {padding: 0.25em 0.25em 0.125em; margin: 0; background: #9CF; border-bottom: 0.125em solid #69C; font-family: Arial, sans-serif;}
p {padding: 1em 1em 0; margin: 0;}
-->
</STYLE>
<DIV align=center>
<DIV class=main>
<H1>slantastic</H1>
<DIV class=slant1 style="WIDTH: 10em"></DIV>
<DIV class=slant2 style="WIDTH: 10em"></DIV>
<DIV class=slant1 style="WIDTH: 9em"></DIV>
<DIV class=slant2 style="WIDTH: 9em"></DIV>
<DIV class=slant1 style="WIDTH: 8em"></DIV>
<DIV class=slant2 style="WIDTH: 8em"></DIV>
<DIV class=slant1 style="WIDTH: 7em"></DIV>
<DIV class=slant2 style="WIDTH: 7em"></DIV>
<DIV class=slant1 style="WIDTH: 6em"></DIV>
<DIV class=slant2 style="WIDTH: 6em"></DIV>
<DIV class=slant1 style="WIDTH: 5em"></DIV>
<DIV class=slant2 style="WIDTH: 5em"></DIV>
<DIV class=slant1 style="WIDTH: 4em"></DIV>
<DIV class=slant2 style="WIDTH: 4em"></DIV>
<DIV class=slant1 style="WIDTH: 3em"></DIV>
<DIV class=slant2 style="WIDTH: 3em"></DIV>
<DIV class=slant1 style="WIDTH: 2em"></DIV>
<DIV class=slant2 style="WIDTH: 2em"></DIV>
<DIV class=slant1 style="WIDTH: 1em"></DIV>
<DIV class=slant2 style="WIDTH: 1em"></DIV>
<DIV class=slant1 style="WIDTH: 0px"></DIV>
<DIV class=slant2 style="WIDTH: 0px"></DIV></DIV></DIV>