로그인

  • 목록
  • 아래로
  • 위로
  • 쓰기
  • 검색

프로그램 간이영수증 html, css 양식


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>영수증</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
body {text-align:center; margin:20px auto;}
#Layout {width:500px; border:1px solid #5263bd;}
#Print {width:500px; text-align:right; padding:3px 5px;}
.basicDiv {border:1px solid #5263bd; padding:7px 0; color:#5f6fc2;}

.tblTop {border-collapse: collapse; border:1px solid #5263bd; border-bottom:0px;}
.tblTop td {padding:5px 0 10px 30px; font:bold 24px gulim; color:#5263bd; text-align:center;}
.titstxt {font:bold 12px gulim; color:#5263bd;}

.tblTop2 {border-collapse: collapse; border-right:1px solid #5263bd; border-left:1px solid #5263bd;}
.tblTop2 .noTd {border-top:1px solid #5263bd; border-right:1px solid #5263bd; padding:4px;}
.tblTop2 .noTd .noStxt { font:bold 13px gulim; color:#666666;}
.tblTop2 td {font:bold 14px gulim; color:#5263bd; padding:4px;}
.tblTop2 .name {font:bold 14px gulim; color:#353535; text-align:right;}

.tbl {border-collapse: collapse; border:1px solid #5263bd;}
.tbl td {border:1px solid #5263bd; padding:4px;}
.tbl td.titTd {font:bold 14px gulim; color:#5263bd;}
.tbl th {font:bold 13px gulim; color:#5263bd; border:1px solid #5263bd; background:#f0f1f9; padding:4px;}

.tbl .item {font:13px gulim; padding-left:15px;}
.tbl .article {font:13px gulim; text-align:center;}
.tbl .price {font:normal 13px gulim; color:#4b4b4b; text-align:right; padding-right:7px;}
.tbl .sum {font:bold 13px gulim; color:#4b4b4b; text-align:right; padding-right:7px;}

.tbl .date {font:bold 13px gulim; color:#4b4b4b; text-align:center;}
.tbl .total {font:bold 16px gulim; color:#000000; text-align:right; padding-right:7px; border:2px solid #5263bd; background:url(../image/won.gif) no-repeat 5% 40%;}

.stamp {background:url(../image/stamp.gif) no-repeat 98% 20%;}

.txt1 {font:bold 15px dotum;}
</style>
</head>
<body>
<div id="Layout">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tblTop">
    <tr>
      <td>영 수 증</td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tblTop2">
    <tr>
      <td width="45%" class="noTd">주문번호. <span class="noStxt">20091201</span></td>
      <td class="name">일지매 님</td>
      <td width="10%">귀하</td>
    </tr>
  </table>   
 <table width="100%" cellpadding="0" cellspacing="0" class="tbl stamp">
    <tr>
      <td width="7%" rowspan="5" align="center" class="titTd">공<br>
      급<br>
      자</td>
      <th width="20%">사업자<br>
      등록번호</th>
      <td colspan="3" class="txt1">777-77-12345</td>
    </tr>
    <tr>
      <th>상호</th>
      <td width="25%" align="center">OOO닷컴</td>
      <th width="14%">성명</th>
      <td align="center">홍길동</td>
    </tr>
    <tr>
      <th>사업자<br>
      소재지</th>
      <td colspan="3">부산시 O구 OO동 777-4번지 OO빌딩1층</td>
    </tr>
    <tr>
      <th>업태</th>
      <td align="center">도소매</td>
      <th>종목</th>
      <td align="center">OO류</td>
    </tr>
    <tr>
      <th>전화</th>
      <td colspan="3">000)4321-4321</td>
    </tr>
  </table>
  <table width="100%" cellspacing="0" cellpadding="0" class="tbl">
    <tr>
      <th>작성년월일</th>
      <th>공급대가총액</th>
      <th>비고</th>
    </tr>
    <tr>
      <td class="date">2012년 2월 22일</td>
      <td class="total"><?=number_format($row[price]+$row[baesong])?></td>
      <td> </td>
    </tr>
  </table>
 <div class="basicDiv">
   위 금액을 정히 영수(청구) 함.
  </div>
  <table width="100%" cellspacing="0" cellpadding="0" class="tbl">
    <tr>
      <th>품목</th>
      <th>수량</th>
      <th>단가</th>
      <th>공급대가(금액)</th>
    </tr>
    <tr>
      <td class="item">컴퓨터</td>
      <td class="article">2</td>
      <td class="price">1,000,000</td>
      <td class="sum">1,050,000</td>
    </tr>
 <tr>
      <td class="item">배송비</td>
      <td class="article"> </td>
      <td class="price"> </td>
      <td class="sum">2,500</td>
 </td>
  </table>
 <div class="basicDiv">
   부가가치 세법시행규칙 제25조의 규정에 의하여 위 금액을 정히 영수함.</div>
</div>

 


이런 글도 찾아보세요!

공유

facebooktwitterpinterestbandkakao story
퍼머링크

댓글 1

profile image
김훈 2일 전12:16
감사합니다. 참고가 되었습니다.
권한이 없습니다. 로그인

신고

"님의 댓글"

이 댓글을 신고 하시겠습니까?

삭제

"님의 댓글"

이 댓글을 삭제하시겠습니까?