Norbert Klein: Tabellen-Rand durch CSS designen, nur wie ???

Beitrag lesen

Hallo.

So geht's:
----------
<html>
<head>
<title></title>
<style type="text/css">
<!--
 .rahmen
   {
    color:#ffffff;
    border-width:1px;
    border-style:solid;
    border-top-color:#ffffff;
    border-left-color:#ffffff;
    border-right-color:#205fa0;
    border-bottom-color:#205fa0;
   }
//-->
</style>
</head>
<body>
<table cellspacing="1" cellpadding="0" border="0" bgcolor="#1f305f"><tr><td>
<table width="130" cellspacing="0" cellpadding="4" border="0" class="rahmen">
 <tr>
  <td bgcolor="#7097c0">Inhalt...<br>.....</td>
 </tr>
</table>
</td></tr></table>
</body>
</html>

Die erste Tabelle bildet den Außenrahmen, die zweite macht das ganze, mit Hilfe von CSS, dreidimensional und enthält den Inhalt.

Gruß
Norbert