Menu

여러가지 테이블 프레임

2016. 6. 2. 18:55

안개핑 Html & Css

 

 

 

테이블블 안에 frame=아래의속성들 중 하나를 추가해서
의 형식으로 해주시면
다양한 형태의 테이블을 만드실 수 있습니다.

속성 : void, above, below, hsides, vsides, lhs, rhs

 

테이블 테이블
테이블 테이블
테이블 테이블

 

 

 

 

테이블 테이블
테이블 테이블
테이블 테이블

 

 

 

 

테이블 테이블
테이블 테이블
테이블 테이블

 

 

 

 

테이블 테이블
테이블 테이블
테이블 테이블

 

 

 

 

테이블 테이블
테이블 테이블
테이블 테이블

 

 

 

 

테이블 테이블
테이블 테이블
테이블 테이블

 

 

 

 

테이블 테이블
테이블 테이블
테이블 테이블

 

 

 

 

<table border="1" cellspacing="0" width="430" bordercolor="black" bordercolordark="white" bordercolorlight="black">

    <tr>
      <td class="tip-main-td">
        <p><span style="font-size:9pt;"><font color="blue">테이블블 안에 frame=아래의속성들 중 하나를 추가해서<BR>
<table=아래의속성들 중 하나>의 형식으로 해주시면<BR>
          다양한 형태의 테이블을 만드실 수 있습니다.</font></span></p>
        <p>속성 : void, above, below, hsides, vsides, lhs, rhs</p>
        <table border="0" cellpadding="0" cellspacing="0" class="tip-dot-line-table">
          <tr>
            <td></td>
          </tr>
        </table>
        <p> </p>
          <table width="300" border="1" cellspacing="0" cellpadding="5" frame=void bordercolor="#9597ED">
            <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
        </table>
          <p>
            <p><table frame=void></font></p>
        <p> </p>
        <p> </p>
          <table width="300" border="1" cellspacing="0" cellpadding="5" frame=above bordercolor="#9597ED">
            <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
        </table>
          <p>
            <p><table frame=above></font></p>
        <p> </p>
        <p> </p>
          <table width="300" border="1" cellspacing="0" cellpadding="5" frame=below bordercolor="#9597ED">
            <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
        </table>
          <p>
            <p><table frame=below></font></p>
        <p> </p>
        <p> </p>
          <table width="300" border="1" cellspacing="0" cellpadding="5" frame=hsides bordercolor="#9597ED">
            <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
        </table>
          <p>
            <p><table frame=hsides></font></p>
        <p> </p>
        <p> </p>
          <table width="300" border="1" cellspacing="0" cellpadding="5" frame=vsides bordercolor="#9597ED">
            <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
        </table>
          <p>
            <p><table frame=vsides></font></p>
        <p> </p>
        <p> </p>
          <table width="300" border="1" cellspacing="0" cellpadding="5" frame=lhs bordercolor="#9597ED">
            <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
        </table>
          <p>
            <p><table frame=lhs></font></p>
        <p> </p>
        <p> </p>
          <table width="300" border="1" cellspacing="0" cellpadding="5" frame=rhs bordercolor="#9597ED">
            <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
          <tr align="center">
            <td>테이블</td>
            <td>테이블</td>
          </tr>
        </table>
          <p>
            <p><table frame=rhs></font></p>
        </div>
        </td>
    </tr>
  </table> 
            </span></td>
    </tr>
</table>

  

 

 

 

'Html & Css' 카테고리의 다른 글

css스타일 활용하기  (0) 2016.06.02
프레임에 테두리를 넣고 싶을때  (0) 2016.06.02
마우스를 가져다 대면 그 해당설명이...  (3) 2016.06.02
펼침메뉴 만들기  (0) 2016.06.02
배경화면 고정시키기  (0) 2016.06.02