HTML and CSS Reference
In-Depth Information
data point dii cult to easily discern. To see what Tut e means, enter the following script
(
BadBorders.html
in this chapter's folder at
www.wiley.com/go/smashinghtml5
)
and look at the page.
<!
DOCTYPE HTML
>
<
html
>
<
head
>
<
style type
=
”text/css”
>
table
{
width
:
400px
;
border
-
style
:
groove
;
border
-
width
:
thick
;
border
-
color
:
#FF5C19;
color
:
#C00;
font
-
family
:
Verdana
,
Geneva
,
sans
-
serif
;
font
-
size
:
10px
;
}
caption
{
font
-
family
:
Tahoma
,
Geneva
,
sans
-
serif
;
font
-
size
:
24px
;
color
:
hsl(17, 60%, 40%);
padding
:
12px
;
}
td
,
th
{
border
-
style
:
solid
;
border
-
width
:
thin
;
border
-
color
:
#000;
}
</
style
>
<
meta http
-
equiv
=
”Content-Type”
content
=
”text/html; charset=UTF-8”
>
<
title
>
Borders Are Blinding
</
title
>
</
head
>
<
body
>
<
table
>
<
caption
>
Pet Care
</
caption
>
<
tr
>
<
td
>&
#167;
<
th
>
Cats
<
th
>
Dogs
<
th
>
Fish
<
tr
>
<
th
>
Feeding
<
td
>
Cat food is good
<
td
>
Doggy treats
<
td
>
Yucky fish food
<
tr
>
<
th
>
Care
<
td
>
Scratching post
115