CSS implementation table row mouse slide over highlight

Straight to the point, now there is a table:

Implement the effect of highlighting the current row background when moving to a transactional content area.

1, the establishment of a standard HTML document structure

When it comes to standard HTML structures, one might say, well, with a div tag, there's more li in it, and finally a float with a CSS can be lined up like this. In fact, the real standard structure is not to say that you must use DIV to layout, but to try to make the semantic HTML tags. In the definition of HTML tags, div and span are actually two without semantic tags, and table has the semantics of the data table.

So here we're going to build a document structure that conforms to the XHTML 1.0 strict standard to try. The following is the HTML code for the table structure:

One of the things to note is:

You need to use tags such as

Cells in the header area you should use

and add the style to them:

.tableList {
border:2px #666 solid;
}
.tableList td, .tableList th {
border:1px #666 solid;
padding:5px 25px;
}
.tableList tfoot td {
text-align:right;
}
.fastpayIcon {
background:transparent url(http://img.alipay.com/pimg/icon_fastpay16.gif) no-repeat scroll 5px 5px;
}