CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)

?

鼠标经过表格变色样式:<style>  

  table   {   background-color:#000000;   cursor:hand;   width:100%;   }  

  td   {  

  /*设置onmouseover事件*/  

  onmouseover:   expression(onmouseover=function   (){this.style.borderColor   ='blue';this.style.color='red';this.style.backgroundColor   ='yellow'}); 

  /*设置onmouseout事件*/  

  onmouseout:   expression(onmouseout=function   (){this.style.borderColor='';this.style.color='';this.style.backgroundColor   =''});  

  background-color:#ffffff;  

  }  

  </style>

控制表格隔行变色:

    简单应用:

        <style type="text/css">

<!--

tr {background-color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")}

-->

    高级应用:每个单元格变色

        <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>

添加CSS文件引用:

<link id="cssStyle" rel="stylesheet" type="text/css" href="../style.css" />