table.tic_tac_toe {
border-collapse:collapse;
}
table.tic_tac_toe td {
border-right:1px solid #99CCCC;
border-bottom:1px solid #99CCCC;
text-align:center;
}
table.tic_tac_toe tr:last-child td {
border-bottom:0;
}
table.tic_tac_toe tr td:last-child {
border-right:0;
}
table.tic_tac_toe th {
border-right:3px solid #99CCCC;
border-bottom:1px solid #99CCCC;
text-align:center;
padding-right:.3em;
}
collapses all table borders??”cells
now share borders
creates the grid of table cells
creates the grid of table cells
centers text in all td cells
removes bottom border from bottom
row of cells
removes right border from every
row of cells
styles affect vertical labels column
(and horizontal headings until we
style only them below)
prevents right-aligned text touching
right edge of cell
STYLIN??™ WITH CSS - CHAPTER 6 188
table.tic_tac_toe tr:last-child th {
border-bottom:0;
}
table.tic_tac_toe th[scope="col"] {
border-right:1px solid #99CCCC;
border-bottom:3px solid #99CCCC;
}
table.tic_tac_toe th[scope="col"]:?¬? rst-child {
border-right:3px solid #99CCCC;
}
table.tic_tac_toe th[scope="col"]:last-child {
border-right:0;
}
table.tic_tac_toe th[scope="row"] {
text-align:right;
}
table.tic_tac_toe td, table.bars_n_stripes th {
padding:4px 8px;
}
table.tic_tac_toe caption {
margin-bottom:.5em;
font-size:1.
Pages:
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226