以前好像在找,都没找到简单点的,所以后面就自己写了一个,感觉超级简单又好理解,分享给大家
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<style type="text/css">
.odd{
background-color: #f2f2f2;
}
.even{
background-color: #dddddd;
}
</style>
</head>
<body>
<table>
<c:forEach items="${books }" var="book" varStatus="st">
<tr class="${st.index%2==0?'even':'odd' }">
<td>${book.bname }</td>
<td>${book.bauthor }</td>
<td>
<fmt:formatDate value="${book.btime }" pattern="yyyy-MM-dd"/>
</td>
<tr>
</c:forEach>
</table>
</body>
</html>
如果只做隔行变色只需要:
<style type="text/css">
.odd{
background-color: #f2f2f2;
}
.even{
background-color: #dddddd;
}
</style>
和
<c:forEach items="${books }" var="book" varStatus="st">
<tr class="${st.index%2==0?'even':'odd' }">
<td>${book.bname }</td>
<td>${book.bauthor }</td>
<tr>
</c:forEach>