Can I replace <table border=1>' with `<table>` + css: `table{...}`?

table{border:1px solid #000;} doesn't seem to work without the border=1 statement. In the same way as cha开发者_开发百科nging <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,