table{border:1px solid #000;}
doesn't seem to work without the border=1
statement.
In the same way as changing <input width=30>
into input{width:400px;}
, I would like to use <table>
and declare the border in css only. Is that possible?
Update
my mistake was using
table{border-width:1px;}
instead of e.g.
table{border:1px solid #000;}
--which works fine.
Use this CSS:
table {
border-collapse: collapse
}
td {
border: 1px solid #000
}
Live Demo
border-collapse: collapse
is important; without it you get doubled borders, like this.
Absolutely - that is the preferred way. You might have to style td
as well as tr
.
Try this in CSS
table
{
border:1px solid black;
}
then you can use it in HTML
<table>
....
</table>
yes, but if you use table
, it will affect ALL tables in your html.
I suggest doing:
<table class="myTable">
and then .myTable { /*css*/ }
Your style should be:
table td { border: 1px solid #000000; }
See a working example here.
If you are using, <th>
for headers, with the code below, you will not get borders around our headers:
td { border: 1px solid #000000; }
you will need to also add:
th { border: 1px solid #000000; }
Regards,