jackyrong

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
   JSP里,可以充分利用CSS来实现隔行效果,比如如下代码

<style>
  /* Even row */
  .row1 {background-color:orange;}

  /* Odd row */
  .row0 {background-color:yellow;}
  
  /* Title row */
  .title {background-color:blue;color:white;text-align:center;}
 </style>
</head>
<body>
<div align="center">
 <h3>Dynamic Style</h3>
 <table width="300">
  <tr class="title">
   <th width="100">Day</th>
   <th>Rain Percent</th>
  </tr>
  <c:forEach var="day" items="${weekWeather}" varStatus="loop">
  <tr class="row${loop.count%2}">
   <td align="left">${day.item}</td>
   <td align="right">${day.percent}%</td>
  </tr>
  </c:forEach>

posted on 2007-08-20 22:46  jackyrong的世界  阅读(522)  评论(0编辑  收藏  举报