<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css" media="print">
/* 인쇄용 */
.prOn {display:block}
.prOff {display:none}
.tbl1
{
width:100px;
FONT: 9pt Arial,;
border-width : 0px;
border-color : #669900;
border-style : double;
}
.mmdiv
{
width:70px;
}
</style>
<style type="text/css" media="screen">
/* 화면용 */
.scOn {display:block}
.scOff {display:none}
.mmdiv
{
width:200px;
}
.tbl1
{
width:500px;
FONT: 9pt Arial,;
border-width : 0px;
border-color : #669900;
border-style : double;
}
</style>
<style>
<!--
body {
FONT: 9pt Arial,;
}
.td0
{
width:70px;
}
.td1
{
width:70px;
background-color: #E0E0E0;
border: 2px solid red;
}
.td2
{
width:150px;
background-color: #FFFFCC;
border: 2px dotted blue;
border-collapse: separate;
}
.td3
{
width:200px;
background-color: #CCCCCC;
border: 0px dotted white;
border-collapse: separate;
}
//-->
</style>
</HEAD>
<BODY>
테이블 css 정의
<input type="button" name="print" value="인쇄" onClick="Window.print();">
<DIV ID="myprt" class='mmdiv'>
<table width="100%" border=1>
<tr><td class=td0>홍길동</td><td class=td1>011-xxx-xxx</td></tr>
<tr><td class=td0>홍길동</td><td class=td2>011-xxx-xxx</td></tr>
<tr><td class=td0>홍길동</td><td class=td3>011-xxx-xxx</td></tr>
</table>
</DIV>
</BODY>
</HTML> |
|
|