Webtipp No.2
|
| Hier erfahren Sie kurz und bündig wie man einer Tabelle Teilrahmen- bzw. Rahmen zuordnet. Jeder Linie können Sie ein anderes Aussehen geben. Den CSS-Code dazu gab's in Webtipps 1. |
| |
|
Beispiel 1: Text um eine Tablle mit einer CSS-Anweisung im Table-Tag. Die Styleanweisung hätte aber auch im td-Tag stehen können.
|
|
Der CODE zu Beispiel:
<table cellspacing="0" cellpadding="2" style="border:1px solid #000000;">
|
| |
|
Beispiel 2:Nun soll nur oben, an der Tabelle eine Linie erscheinen.
|
|
Der CODE zu Beispiel 2:
<table cellspacing="0" cellpadding="2"
style="border-top:1px solid #000000;">
|
| |
|
Beispiel 3:Nun soll nur links, an der Tabelle eine Linie erscheinen.
|
|
Der CODE zu Beispiel 3:
<table cellspacing="0" cellpadding="2" style="border-left:1px solid #000000;">
|
| |
|
Beispiel 4:Nun soll nur rechts, an der Tabelle eine Linie erscheinen.
|
|
Der CODE zu Beispiel 4:
<table cellspacing="0" cellpadding="2" style="border-right:1px solid #000000;">
|
| |
|
Beispiel 5:Nun soll nur unten, an der Tabelle eine Linie erscheinen.
|
|
Der CODE zu Beispiel 4:
<table cellspacing="0" cellpadding="2" style="border-bottom:1px solid #000000;">
|
| |
Beispiel 6:
Ein Beispiel wie man Teilrahmen einsetzen könnte. Linie links 2 Pixel und unten 1 Pixel
|
|
Der CODE zu Beispiel 6:
<table cellspacing="0" cellpadding="2" style="border-left:2px
solid #3834FF;border-bottom:1px solid #3834FF;">
|
| |
Beispiel 7:
Ein Beispiel wie man Teilrahmen einsetzen könnte. Linie oben 1 Pixel und rechts 2 Pixel
|
|
Der CODE zu Beispiel 7:
<table cellspacing="0" cellpadding="2" style="border-top:1px solid #3834FF;border-right:2px solid #3834FF;">
|
| |
Beispiel 8:
Ein Beispiel wie man Teilrahmen einsetzen könnte. Linie links 2 Pixel, oben 1 Pixel und rechts 2 Pixel
|
|
Der CODE zu Beispiel 8:
<table cellspacing="0" cellpadding="2" style="border-left:1px solid #3834FF;border-top:1px solid #3834FF;border-right:2px solid #3834FF;">
|
| |
Beispiel 9:
Ein Beispiel wie man Teilrahmen einsetzen könnte. Linie links 2 Pixel, oben 1 Pixel, unten 1 Pixel und rechts 2 Pixel
|
|
Der CODE zu Beispiel 9:
<table cellspacing="0" cellpadding="2"
style="border-left:2px solid #3834FF;border-top:1px solid #3834FF;border-bottom:1px solid #3834FF;border-right:2px solid #3834FF;">
|
| |
Beispiel 10:
Ein Beispiel wie man Teilrahmen einsetzen könnte. Linie links 3 Pixel rot, oben 3 Pixel rot, unten 3 Pixel blau und rechts 3 Pixel blau
|
|
Der CODE zu Beispiel 10:
<table cellspacing="0" cellpadding="2" style="border-left:3px solid #FF0000;border-top:3px solid #FF0000;border-bottom:3px solid #3834FF;border-right:3px solid #3834FF;">
|
| |
Beispiel 10:
Ein Beispiel wie man Teilrahmen einsetzen könnte. Linie links 3 dotted Pixel rot, oben 3 Pixel double rot, unten 3 Pixel blau dashed und rechts 3 Pixel blau ridge
|
|
Der CODE zu Beispiel 10:
<table cellspacing="0" cellpadding="2" style="border-left:3px dotted #FF0000;border-top:3px double #FF0000;border-bottom:3px dashed #3834FF;border-right:3px ridge #3834FF;">
|