JSP中设置表格间隔色

最新推荐文章于 2022-07-18 11:56:15 发布

翱翔天地

最新推荐文章于 2022-07-18 11:56:15 发布

阅读量4.4k

点赞数

分类专栏： JSP 文章标签： JSP 背景色表格间隔色

本文链接：https://blog.csdn.net/you23hai45/article/details/10164285

版权

JSP 专栏收录该内容

69 篇文章 0 订阅

订阅专栏

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