HTML Table Border Colors

 

HTML Table Border Colors


 

The HTML TABLE tag is the opening tag used to create a table within a web page.

You can add color to your HTML TABLE borders by adding bordercolor="#colorcode" within your TABLE tag.

HTML Code
HTML code viewed within an HTML document:
html-line

<table border="2" bordercolor="#336699" cellpadding="2" cellspacing="2" width="300">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>

Browser View
HTML coding viewed through a web browser:
html-line

Table Border Colors 1

HTML Code
HTML code viewed within an HTML document:
html-line

<table border="2" bordercolor="#ffff00" cellpadding="2" cellspacing="2" width="300">
<tr>
<td>Your Text</td>
</tr>
</table>

Browser View
HTML coding viewed through a web browser:
html-line

Table Border Colors 2

HTML Code
HTML code viewed within an HTML document:
html-line

<table border="2" bordercolor="#80ffff" cellpadding="2" cellspacing="2" width="300">
<tr>
<td>Your Text</td>
</tr>
</table>

Browser View
HTML coding viewed through a web browser:
html-line

Table Border Colors 3

HTML Code
HTML code viewed within an HTML document:
html-line

<table border="2" bordercolor="#80ff80" cellpadding="2" cellspacing="2" width="300">
<tr>
<td>Your Text</td>
</tr>
</table>

Browser View
HTML coding viewed through a web browser:
html-line

Table Border Colors 4

HTML Code
HTML code viewed within an HTML document:
html-line

<table border="2" bordercolor="#ffc0c0" cellpadding="2" cellspacing="2" width="300">
<tr>
<td>Your Text</td>
</tr>
</table>

Browser View
HTML coding viewed through a web browser:
html-line

Table Border Colors 5

HTML Code
HTML code viewed within an HTML document:
html-line

<table border="2" bordercolor="#c0c0ff" cellpadding="2" cellspacing="2" width="300">
<tr>
<td>Your Text</td>
</tr>
</table>

Browser View
HTML coding viewed through a web browser:
html-line

Table Border Colors 6

You can change the table background color to whatever you’d like, but keep in mind, the text must be visible through the background color.

Visit the HTML Color Codes chart section to find the color codes for 216 web safe colors.

You can learn much more about HTML tables within the HTML Tutorial section.

This concludes the Creating HTML Table Border Colors code.

 

 

 
Visit the following pages for a wealth of copy and paste codes and tips:

HTML Tips
Copy and paste special effect HTML codes for your web page.

HTML Codes
An HTML codes chart you can use to copy and paste codes into your web page.

HTML Color Codes
An HTML color codes chart you can use to copy and paste color codes into your web page.

JavaScript Codes Copy and paste special effect JavaScript codes for your web page.

Web Design Tips
Tips, tricks, and special effect codes for your web page.

HTML Tags
A list of HTML tags.

HTML 5 Tags
A list of the latest HTML tags to be developed.

ASCII Codes
Special text characters and code for your web page.