HTML/CSS/Table Style/td class

hover with border

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html>

   <head>
       <title> Spicy Thai Peanut Sauce  </title>
       <style rel="stylesheet" type="text/css">

table.recipe tbody td:hover, table.recipe thead th:hover, table.recipe tfoot td ul:hover, table.recipe caption:hover, table.recipe tfoot td p:hover {

   background: black;
   color: white;
   font-weight: bold;

}

       </style>
   </head>
   <body>

this is the caption.
q	m	p	i
.5	C	P
12	E	S	S
16	E	G	M
2	C	P
1	C	S
.5	C	L
4	T	S
4	C	C
.5	C	H
.5	C	B
this is a test. this is a test. this is a test. this is a test. this is a test. this is a test.

   </body>

</html>

</source>