| How to Style Table Cell Border Using CSS |
|
Create file by using following code
<html>
<head> </head> <body> <table border=”2”> <tr> <td>Some text</td> <td>Some text</td> </tr> <tr> <td>Some text</td> <td>Some text</td> </tr> </table> Above code will give you following result:
To add blue thick border to your table use following code between <head> and </head>
<style>
table{border:blue solid;border-width:3 2 2 3} td{border:blue solid;border-width:0 1 1 0} </style> Above code will give you following effect:
If you want dashed border for table use following code:
table{border:black dashed;border-width:1 0 0 1}
td{border:black dashed;border-width:0 1 1 0} This will give you the following effect:
To show crewel border to the table try this code:
table{ border:teal 4 double}
td{ border:teal 1 solid } This will give you following effect:
|
Learn drawing technique, text effect, 3D graphic & more refer Illustrator Tutorial.
If you want to learn to design website learn through our Dreamweaver Tutorial.
Save your time for website designing and speed up your work by using CSS.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License