본문 바로가기

강의실/HTML

테이블의 응용 2

테이블의 응용(2)
테이블의 응용(1)에서 배운것을 토대로 다음과 같이 테이블의 각각의 줄에 대하여 각기 다른 색을 입힌다면 간단하게 멋진 박스를 구성 할 수 있다. 어렵지 않게 이미지 없이 박스 만드는 방법의 편법이다.

Table Example

테이블 제목
첫번째 내용.
두번째 내용.
세번째 내용.
네번째 내용.

HTML Source


<table border=0 width=200 cellpadding=0 cellspacing=0>
<tr><td bgcolor=blue>

 
<table border=0 width=100% cellpadding=5 cellspacing=1>
  <tr><td bgcolor=blue align=center><font color=white>테이블 제목</font></td></tr>
  <tr><td bgcolor=#ECECFF>첫번째 내용</td></tr>
  <tr><td bgcolor=white>두번째 내용</td></tr>
  <tr><td bgcolor=white>세번째 내용</td></tr>
  <tr><td bgcolor=#ECECFF>네번째 내용</td></tr>
  </table>


</td></tr>
</table>
   

'강의실 > HTML' 카테고리의 다른 글

테이블의 응용 3  (0) 2007.07.25
테이블의 응용 4  (0) 2007.07.25
테이블의 응용 1  (0) 2007.07.25
목록의 제목  (0) 2007.07.25
순서있는 목록  (0) 2007.07.25