Sebastian Becker: schatten für <div> tags

Beitrag lesen

Hallo, ultros,

Hier ein Beispiel für eine Bannerumrandung mit Schatten ...

Grüße,

Sebastian

<style>
.inset{
border-bottom: #999999 1px solid;
border-right: #999999 1px solid;
border-left: #777777 1px solid;
border-top: #777777 1px solid;
background: #CCCCCC;
}

.outset{
color: #F5F5F5;
border-bottom: #777777 1px solid;
border-right: #777777 1px solid;
border-left: #999999 1px solid;
border-top: #999999 1px solid;
background: #999999;
filter: progid:DXImageTransform.Microsoft.Shadow(color=666666, Direction=135, Strength=4);
}
</style>

<div align="right">
<table class="outset" cellspacing="0" cellpadding="2" border="0">
<tr>
<td>
<table width="470" height="62" class="inset" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a hidefocus href="link.htm"><img src="img/banner.gif" width="468" height="60" border="0" alt="Banner" title="title"></a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>