본문 바로가기

팁! 이것만 알고가자/HTML_JAVASCRIPT

[CSS]간단한 팁


[CSS]table border1 사용법
.tb        {        border-collapse:collapse;        border-color:#ff7611;        border:1px solid #ff7611;}
.tb td{        border-color:#ff7611;        text-align:center;}
.tb td.sub{        border-color:#ff7611;        text-align:center;        background:#fd9242; color:#000000;}

<TABLE width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" class="tb">
                                        <TR>
                                                <TD width="10%" class="sub">월</TD>
                                                <TD width="45%" class="sub">6세</TD>
                                                <TD width="45%" class="sub">7세</TD>
                                        </TR>
                                        <TR>
                                                <TD>3</TD>
                                                <TD  colspan="2">Making Cardboard School</TD>
                                        </TR>
[HTML]DIV 레이어 감췄다 보이기
<html>
<head>
<script language="javascript">
function goPrint()
{
document.all.btn_2.style.display="none";
window.print();
document.all.btn_1.style.display="block";
}
</script>
</head>
<body>
<div id=btn_2 style="display:block">
<input type="button" onClick="goPrint()" value="프린트">zzz
</div>
<div id=btn_1 style="display:none" >
<input type="button" value="안프린트">aaa
</div>
div 태그의 사용 예 버튼을 누르면 링크를 없앤다.<br>
정확히 말해서 버튼을 바꾼다.
</body>
</html>