구글에서 잘 사용하는 방법이고 freeimage.kr 로그인창에도 사용되어있다.
이미지 한개를 사용하여 상하좌우 테두리를 각각 position 을 지정하여 표시하는 방식
물론 각각이미지는 한개만 로딩되므로 효율적이다.
단점은 박스보다 더 큰 큰사이즈의 이미지를 만들어야 한다는점이다.
소스는 다음과 같이..........^^
<!-- 로그인 전 외부로그인 시작 -->
<form name="fhead" method="post" onsubmit="return fhead_submit(this);" autocomplete="off" style="margin:0px;">
<input type="hidden" name="url" value="<?=$url?>">

<table width=100% height=100 border="0" cellpadding="0" cellspacing="0" style=" background:#ffffff url(<?=$outlogin_skin_path?>/img/log_bg01.gif) 0 -0px no-repeat;">
<tr>
 <td width=100% align=left style='padding-left:10px'>
  <div style="text-align:center;margin-top:5px; 13px/20px arial!important;">MEMBER LOGIN</div>
   <div>
    <input name="mb_id" id="mb_id" type="text" class=ed size="11" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'><label><input type="checkbox" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }">ID저장</label>

   </div>
   <div>
    <table  border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td id=pw1 align="left"><input type="text" class=ed size="11" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
     <td id=pw2 style='display:none;' align="left"><input name="mb_password" id="outlogin_mb_password" type="password" class=ed size="13" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' onKeyPress="check_capslock(event, 'outlogin_mb_password');"></td>
     <td align="left">&nbsp;<input type="image" src="<?=$outlogin_skin_path?>/img/login_bt.jpg" ></td>
    </tr>
    </table>
   </div>

  <div style="clear:both; padding:2 0 0 0px;text-align:center;font:bold 12px/20px arial!important;">
   <a href="<?=$g4[bbs_path]?>/register.php">회원가입</a>
   <a href="<?=$g4[bbs_path]?>/password_forget.php">ID/암호찾기</a>
  </div>
 </td> 
 <td width=5 nowrap style="background:#ffffff url(<?=$outlogin_skin_path?>/img/log_bg01.gif) 100% -0px no-repeat;"></td>
</tr>
</table>
</form>