본문 바로가기

강의실/HTML

테이블의 응용 4

테이블의 응용(4)
테이블의 전체 외곽을 그림으로 메꾸고 그 안의 내용을 글로 채우는 방법이다. 이렇게 하면 마치 그림위에 글자를 쓴 듯한 효과를 부여한다. 소스를 보면 금방 이해가 될듯하다.

 
활용예제


 

이곳에 쓴 글은 text입니다.


 

사용된 그림


 








 

HTML Source

<table border=0 width=259 cellpadding=
0 cellspacing=0>

<tr><td
colspan=3>
<img src=../img/html/memo_t.gif border=0>
</td></tr>

<tr>
<td width=6>
<img src=../img/html/memo_l.gif border=0>
</td>
<td width=232 valign=top>
이곳에 쓴 글은 text입니다.
</td>
<td width=21>
<img src=../img/html/memo_r.gif border=0>
</td>
</tr>

<tr><td
colspan=3>
<img src=../img/html/memo_b.gif border=0>
</td></tr>

</table>


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

아름다운글,이미지,동영상 올리기는 법 종합편  (0) 2009.10.29
테이블의 응용 3  (0) 2007.07.25
테이블의 응용 2  (0) 2007.07.25
테이블의 응용 1  (0) 2007.07.25
목록의 제목  (0) 2007.07.25