재미있는 움직이는 점선테두리입니다. eel님이 알려주신 방법입니다. 다음은 그 적용결과입니다.

안녕하세요 홈제작바이블의 Tianai입니다. 머 내용도없는 바이블씩이나 이름을 붙이고 아주 건방지네요.^^ 하지만 바이블이 되었으면 하는 바램으로 지었습니다. 건방지다고 생각히자 말고 격려를 부탁합니다 .꾸벅. 참 이 점선 테두리 잼있지요?


만드는 방법입니다.

1. 우선 테이블주위로 움직이는 점선그림을 다운받습니다. 다음의 이미지가 바로 그넘입니다. 마우스오른쪽 보튼을 눌러 다른이름으로 그림저장하기로 저장하세요. 저장할때 같은 이름으로 해도 되고 다른 이름으로 해도 됩니다. 다른 이름으로 저장하면 아래 소스에서 배경그림의 이름을 님께서 저장한 곳의 이름으로 해야겠죠? - 다 안다구요? ^^ 모르는 분들도 있더라고요..혹시나 해서 적습니다. 아래 그림은 보기 편하시라고 100*100으로 키워놓은겁니다.



2. 아래 소스를 복사해서 새로운문서로 만들어 붙이고 나서 저장합니다. 위에서 저장한 그림이름과 배경그림지정에서 지정된 파일 이름은 당연히 같게 해주어야겠죠?

소스
<table border="0" cellspacing="0" width="250" height="60" background="/~tianai/img/com_dot_ani.gif"><tr><td>
<table border="0" cellpadding="5" bgcolor=white><tr><td width="250" height="60" valign="baseline">안녕하세요 홈제작바이블의 Tianai입니다. 머 내용도없는 바이블씩이나 이름을 붙이고 아주 건방지네요.^^ 하지만 바이블이 되었으면 하는 바램으로 지었습니다. 건방지다고 생각히자 말고 격려를 부탁합니다 .꾸벅. 참 이 점선 테두리 잼있지요?</td></tr></table>
</td></tr></table>


설명
하나의 테이블안에 다시 새로운 테이블을 사용하였습니다.

처음의 테이블에는 배경그림으로 움직이는 점선이미지를 지정하였고 그 안의 테이블의 배경색을 흰색으로 지정하였지요.

두번째 테이블의 cellpadding 부분을 조절하면 글자와 점선사이의 여백을 지정하실수 있답니다.

물론 위와 다른 방법으로 적용해도 구현이 되지만 위와같이 하는게 제일 무난할듯하네요.