zoukankan      html  css  js  c++  java
  • JSP中设置表格间隔色

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        
        <title>表格变色</title>
        
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	<style type="text/css">
    	    .even_tr{
    	        background-color: #FFFFFF;
    	    }
    	    .odd_tr{
    	        background-color: #FF0000;
    	    }
    	</style>
      </head>
      
      <body>
         <form action="student.action" id="student" name="student" method="post">
    	     <table>
    	        <tr>
    	          <th>学号</th>
    	          <th>姓名</th>
    	          <th>年龄</th>
    	          <th>性别</th>
    	          <th>民族</th>
    	          <th>血型</th>
    	          <th>住址</th>
    	          <th>电话</th>
    	          <th>爱好</th>
    	          <th>邮编</th>
    	        </tr>
    	        <c:forEach items="${list}" var="stu" varStatus="stuState">
    	              <!-- 设置偶数行背景色 -->
    		          <c:if test="${stuState.index % 2 == 0 }">
    		             <tr class="even_tr">
    		          </c:if>
    		          <!-- 设置奇数行背景色 -->
    		          <c:if test="${stuState.index % 2 != 0 }">
    		             <tr class="odd_tr">
    		          </c:if>
    			          <td>${stuState.stuNo}</td>
    			          <td>${stuState.stuName}</td>
    			          <td>${stuState.stuAge}</td>
    			          <td>${stuState.stuSex}</td>
    			          <td>${stuState.stuNationality}</td>
    			          <td>${stuState.stuBlood}</td>
    			          <td>${stuState.stuAddress}</td>
    			          <td>${stuState.stuPhone}</td>
    			          <td>${stuState.stuInterest}</td>
    			          <td>${stuState.stuPost}</td>
    		            </tr>
    	        </c:forEach>
    	     </table>
         </form>
      </body>
    </html>
    


  • 相关阅读:
    SEO
    Hack写法
    文学漫步
    [BZOJ4565] [Haoi2016] 字符合并
    [bzoj 3123][Sdoi2013]森林
    [UVA 12633] Super Rooks on Chessboard FFT+计数
    [HDU4609] 3-idiots FFT+计数
    [bzoj4554] [Tjoi2016&Heoi2016]游戏
    [bzoj4556] [Tjoi2016&Heoi2016]字符串
    [bzoj4552][Tjoi2016&Heoi2016]排序
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315703.html
Copyright © 2011-2022 走看看