How do I make an HTML border like the first one on this page?

Question

Here's the site --- http://www.w3schools.com/html/html_tables.asp

How do I make one with thin borders like that? None of the examples give you a way to do that. When they introduce borders, even the smallest borders are thicker than the one on the top of the page.

Answer 1

It's the easiest thing ever.

Define border on the table and every td, plus in the td define:

border-collapse: collapse;



It'll make sure no borders "stick to each other", so you get a 1px border from right, and 1px ffrom left so there is a 2px width border.

Answer 2

Those are borders used in table which is improperly coded anyway. w3schools has yet to get all their coding correct. Those are thin borders, but the example is showing double borders because a certain CSS rule was not used. Too many people do not know how to properly code a table anyway.



Borders:



http://www.tizag.com/cssT/border.php

http://www.quackit.com/html/codes/html_borders.cfm



Ron

Answer 3

Add CSS for the table tag - w3schools uses border 1px sold #c3c3c3 for that grey border,

Answer 4

you could accomplish that in the time of easy terms with the aid of scripting.. however the script could be written on the html web site itself.. it potential with that web site on which the scripting is performed, you could not do in basic terms about all those issues..