728x90

1. 결과

[목차로 이동]

* 행을 출력할 때 짝수행과 홀수행의 색을 자동으로 바꿔준다. 테두리없이도 각 행을 시각적으로 나눌 수 있기 때문에 더 이쁘게 표를 만들 수 있음 
* 데이터베이스에서 행들을 꺼내올 때 작업량을 확실하게 줄여줄 수 있음


2. 코드

[목차로 이동]

 

* 코드에서 사용된 원리는 짝수는 2로 나누었을 때 나머지가 0이라는 것과 1이라는 것이다.
* for문을 반복하는 동안 i는 1부터 +1씩 변하는데 홀수라면 odd클래스가 적용되고 짝수라면 even클래스가 적용되면서 행의 색이 변하게 된다.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      .column{
        background-color : #B2CCFF;
        text-align: center;
        width: 100px;
      }
      .odd{
        background-color: #D9E5FF;
        text-align: center;
      }
      .even{
        background-color: #DAD9FF ;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td class="column"> column </td>
      </tr>
    <?php
      for ($i=1; $i < 5; $i++) {?>
        <?phpif ($i%2==0) {?>
            <tr class="even" >
              <td> 짝수행 </td>
            </tr>
        <?php} else {?>
            <tr class="odd" >
              <td> 홀수행 </td>
            </tr>
     <?php } ?>
     <?php
     }?>
    </table>
  </body>
</html>

728x90

+ Recent posts