HTML and CSS Reference
In-Depth Information
The double dotted lines are giving Tony's table a busy and distracting look.
It would be much better, and wouldn't detract from the table, if we could
just have one border around each table cell. Can you think of a way
to do that with styling given that you've just learned? You can set the
border-spacing property to 0 to remove the space between the borders.
table {
margin-left: 20px;
margin-right: 20px;
border: thin solid black;
caption-side: bottom;
border-spacing: 0px;
}
Bette
r, but we
still hav
e two lin
es and th
ey're rig
ht up
against
each ot
her, so w
e have a
double, t
hick, dot
ted
borde
r. We'd r
ather it
just be O
NE bord
er betwe
en the
cells. W
ouldn't
we?