zoukankan      html  css  js  c++  java
  • CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)

    鼠标经过表格变色样式:
    <style>   
      table   {   background-color:#000000;   cursor:hand;   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" />
    
    
    
  • 相关阅读:
    跟踪spring MVC的请求
    spring的Java注解方式
    spring IOC理解
    spring aop
    spring mvc开发过程中的乱码问题
    springmvc的Controller里实现转发的同时弹出提示对话框
    C++程序加速的12个方法
    VSCode官方配置C/C++
    VSCode配置C/C++环境
    Numba 0.44 中文文档
  • 原文地址:https://www.cnblogs.com/xiaofengfeng/p/1938453.html
Copyright © 2011-2022 走看看