테이블(1신)-펌

오늘 첫번재 시간은 테이블의 테두리 스타일에 관하여 알아 보겠습니다.
테이블 테두리 모양에는 여러가지가 있습니다.
이 테두리 모양을 지정하는 명령어는 style로 정의 합니다.
테이블 명령어 내에  style="border-style:변수;"라고 넣으면 변수의 정의 대로
테이블 테두리모양이 바뀌어 집니다.

  1.일반적으로 많이 사용하는 테이블
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80>
        <tr>
          <td>
             일반적인 테이블 테두리
          </td>
        </tr>
   </table>

    결과보기

일반적인 테이블 테두리 

    이렇게는 많이 사용하고있지요?

   2. style="border-style:solid;" 을 적용해 보겠습니다
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:solid;">
        <tr>
          <td>
             style="border-style:solid;"
          </td>
        </tr>
   </table>

   3. style="border-style:double;" 적용
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:double;">
        <tr>
          <td>
             style="border-style:double;"
          </td>
        </tr>
   </table>

   4. style="border-style:dashede;" 적용
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:dashed;">
        <tr>
          <td>
             style="border-style:dashed;"
          </td>
        </tr>
   </table>

   5. style="border-style:groove;" 적용
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:groove;">
        <tr>
          <td>
             style="border-style:groove;"
          </td>
        </tr>
   </table>

   6. style="border-style:ridge;" 적용
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:ridge;">
        <tr>
          <td>
             style="border-style:ridge;"
          </td>
        </tr>
   </table>

   7. style="border-style:dotted;" 적용
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:dotted;">
        <tr>
          <td>
             style="border-style:dotted;"
          </td>
        </tr>
   </table>

   8. style="border-style:inset;" 적용
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:inset;">
        <tr>
          <td>
             style="border-style:inset;"
          </td>
        </tr>
   </table>

   9. style="border-style:outset;" 적용
     <table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:outset;">
        <tr>
          <td>
             style="border-style:outset;"
          </td>
        </tr>
   </table>

이상이 테이블 테두리 모양을 지정하는것이었습니다.
bordercolor를 지정하지않으면 이렇게 기본색으로 나옵니다.
bordercolor를 지정하고 border의 width를 조절하여 응용한다면
멋진 테이블이 나올수 있겠죠.
응용편도 만들어볼 생각 입니다.
 
다음편에는 
테이블 테두리 모양을 상하좌우로 각각 지정하는 방법에 대하여
알아보기로 하고 1신을 마칩니다.

다음까지 안녕히~~






연구 과제 입니다.
가급적 소스 보지 마시고 직접 만들어 보세요.
잘안될때만 소스보기하면 설명이 있습니다

  
 길을 가다가 불현듯 
 가슴에 잉잉하게 차오르는 사람 
 네가 그리우면 나는 울었다 
 목을 길게 뽑고 
 두 눈을 깊게 뜨고 
 저 가슴 밑바닥에 고여 있는 
 低音으로 
 첼로를 켜며 
 비장한 밤의 첼로를 켜며 
 두 팔 가득 넘치는 외로움 너머로 
 네가 그리우면 나는 울었다


 너를 향한 그리움이 불이 되는 날 
 나는 다시 바람이 되어 
 그 불 다 사그러질 때까지 
 어두운 들과 산굽이 떠돌며 
 스스로 잠드는 법을 배우고 
 스스로 일어서는 법을 배우고 
 스스로 떠오르는 법을 익혔다


 네가 태양으로 떠오르는 아침이면 
 나는 원목으로 언덕 위에 쓰러져 
 따스한 햇빛을 덮고 누웠고 
 달력 속에서 뚝, 뚝, 
 꽃잎 떨어지는 날이면 
 바람은 너의 숨결을 몰고 와 
 측백의 어린 가지를 키웠다 
 그만큼 어디선가 희망이 자라오르고 
 무심히 저무는 시간 속에서 
 누군가 내 이름을 호명하는 밤, 
 나는 너에게 가까이 가기 위하여 
 빗장 밖으로 사다리를 내렸다
 꿈의 해저로 내려가는 사다리 
 그 어딘가에 너는 산다고 했다 
 그곳에 카메라를 내리고 
 나는 수백 번의 셔터를 눌렀다 
 너의 가슴을 담기 위하여 
 너의 아픔에 가까이 가기 위하여 
 물푸레 사이에서 셔터를 누르고 
 돌고래떼와 암초 사이에서 
 찰칵찰칵 셔터를 눌렀다 
 하루 이틀 사흘 나흘...... 
 수없는 나날이 셔터 속으로 사라졌다   
 내가 꿈의 현상소에 당도했을 때 
 오오 그러나 너는 
 그 어느 곳에서도 부재중이었다 
 달빛 아래서나 가로수 밑에서 
 불쑥불쑥 다가왔다가 
 이내 바람으로 흩어지는 너, 
 네가 그리우면 나는  
 울  
 것이다

                                                                          출처 : 이양호님의 홈