Hover the mouse over the table color style:
<Style>
Table {background-color: #000000; cursor: hand; width: 100% ;}
TD {
/* Set Onmouseover event */
Onmouseover: expression (onmouseover = function () {This. style. bordercolor = 'Blue '; this. style. color = 'red'; this. style. backgroundcolor = 'yellow '});
/* Set the onmouseout event */
Onmouseout: expression (onmouseout = function () {This. style. bordercolor = ''; this. style. Color =''; this. style. backgroundcolor = ''});
Background-color: # ffffff;
}
</Style>
Controls the color of the table to be separated by rows:
Simple application:
<Style type = "text/CSS">
<! --
Tr {background-color: expression (this. sectionrowindex % 2 = 0 )? "# E1f1f1": "# f0f0f0 ")}
-->
Advanced Application: changing color of each cell
<Style type = "text/CSS">
<! --
Tr {background-color: expression (this. sectionrowindex % 2 = 0 )? "Red": "blue ")}
TD {background-color: expression (this. cellindex % 2 = 0 )? "" :( (This. parentelement. sectionrowindex % 2 = 0 )? "Green": "yellow "))}
-->
</Style>
Add CSS file reference:
<Link id = "cssstyle" rel = "stylesheet" type = "text/CSS" href = "../style.css"/>