2. 컴퓨터 이야기/프로그래밍

이미지 없이 Table 태그와 DHTML 로 둥근 테두리 박스 만들기

래빗 크리스 2009. 9. 26. 23:56

테두리가 둥근 박스 자동 생성기 입니다.
웹눈 님의 블로그에서 찾았습니다.

아래와 같이 사용하면 된답니다. roundTable 함수의 스크립트는 웹눈 님의 사이트를 방문해 보세요.

<table id="ta" width="300" height="100" border="0" radius="3" rborder="#999999" rbgcolor="#F8F8F8">
<tr>
<td valign="top">테스트입니다</td>
</tr>
</table>
<script>roundTable("ta");</script>

table 태그의 width 와 height 는 레이아웃 전체 크기이고,
radius 값에 따라 둥그런 모양이 달라집니다. 3 이 가장 무난 할 듯. 값이 커지면 둥근 호가 더 커집니다.
rborder 는 둥근 박스의 border 생상. table 에서는 border 를 0 으로 합니다.
rbgcolor 는 둥근 박스 안의 색상.
roundTable 함수는 파라미터를 ID 로 갖는 table 에 대해서 작업을 합니다.
파라미터 ID 의 innerHTML 을 둥근 테두리 안에 다시 넣습니다.
스크립트는 외부 파일로 만들어서 가져다 사용하면 하나의 화면에서 둥근 박스를 여러개 사용할 수 있습니다.