Site Newsletter | Free Training | About Us | Contact Us
   

Home : Web Designing : Table Border

TABLE BORDER

Insert the table using 1 pixel border thickness with the following parameter for the other attributes.

table border

This will give following output in the browser. You get that gray colored border by default.

table border

You can not apply border color while you insert the table. You have to select the table after inserting it on the page and then change the border color using properties. Now select the table. Once you select it you will find lot of table attribute that you can change according to your requirements. We will apply some color to table border.

table border

Now we will increase border thickness to 7 and add cell spacing to 7. We get some interesting result with these settings.

table border

You can use table border for gallery or even sometimes to insert the text with different colored background. The choice of table border and its color depend on the subject of the site. Its good for the gallery but it will also add the beauty if its used with proper care for text.

In the following example we have used table with colored border and text with some cell padding and cell spacing. If you are using background color for the cells then you better use contrast color for the text so that it will stand out on the background. We have used different color for each cell.

table border

Another interesting feature is available there for the cell border that can be applied to get beautiful effect. The cell border can have different color that is available in the property when you place the cursor inside the cell while applying cell color. We have applied different color for the cell border.

table borders

There can be lots of combinations available for table decoration if the border color, thickness, cell border and cell color is used properly. It is still a useful property of the table that can make the data stand out in your web page. Overdoing something is always a problem hence try is with careful hand. Experiment with it. Try to preview it frequently. Keep it simple. Lets try different attributes for spacing, padding and border colors to get astonishing effects.

table borders

 
Adobe Photoshop
CorelDRAW
Adobe Animate Flash
Digital Arts
Web Designing
Photoshop Magic
CorelDRAW Magic
Flash Magic
Web Designing Magic
back to top
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy