HTML Tutorial: Table and Border Color

HTML Tutorial: Table and Border Color


HTML-tabellen zijn een handige manier om tekst te organiseren, maar ze kunnen er een beetje saai, zonder de juiste instellingen. Het veranderen van de grens en de achtergrondkleur van uw tafel kan het een beetje meer pop. In deze tutorial, zal je de code die nodig is leren om een ​​eenvoudige tabel met twee kolommen te maken met een grijs 2-pixel brede rand en een licht blauwe achtergrond. U moet de kleuren en afmetingen te veranderen om de behoeften van uw eigen tafel te passen. U moet ook de hexadecimale codes voor de kleuren die u wilt gebruiken te leren kennen.

instructies

1 Creëer je eigen tafel met behulp van de volgende code.

<Table>

<Tr>

<Td> Text 1 </ td>

<Td> Text 2 </ td>

</ Tr>

</ Table>

2 Voeg een grijze rand met een breedte van 2 pixels door de volgende eigenschappen om uw bestaande code.

<Table border = "2" borderColor = "# 999999">

<Tr>

<Td> Text 1 </ td>

<Td> Text 2 </ td>

</ Tr>

</ Table>

3 Stel de tabel achtergrondkleur door het toevoegen van de "bgcolor" attribuut.

<Table bgcolor = "# 99CCFF" border = "2" borderColor = "# 999999">

<Tr>

<Td> Text 1 </ td>

<Td> Text 2 </ td>

</ Tr>

</ Table>