[스크랩] 테이블 테두리에 이미지 넣기

테이블 테두리에 이미지 넣기


<br><center>
<table cellpadding=5 cellspacing=15 border=4 bordercolor=black><tr><td>
★<embed border=0 src="https://t1.daumcdn.net/cafefile/pds58/9_cafe_2008_02_04_17_48_47a6d1658b58f&filename=ss.swf"width="600"height="430">★
</td></tr></table>
위는 가장 간단한 테이블 소스로 
별과 별사이의 스위시 영상 소스를 넣어주면 되고
테두리 색상은 bordercolor=black..에서 바꿔주면 되고
테두리 두께는 border=5..에서  바꿔주면 됩니다.
또한 Cellspacing=15 는 
바깥쪽의 굵은 테두리와 안쪽의 가느다란선의 사이를 띄워주는 소스이고
cellpadding=5 는
가장 안쪽의 스위시 그림과 가느다란 선의 간격을 띄워주는 소스입니다.
각각 수치를 변경해 보면 이해가 빠를거라 생각 합니다.
<div class='scrap_memo'><span><b>출처</b> : 새롭게  하루 시작<span></div><div class='scrap_memo'><span><b>글쓴이</b> : 햇님(sun) <span><a href="http://cafe.daum.net/_service/bbs_read?grpid=1KPex&fldid=Cfx1&contentval=0009lzzzzzzzzzzzzzzzzzzzzzzzzz" class="d_4F72B3 under" target="_blank">원글보기</a></div><div class='scrap_memo'><span><b>메모</b> : d<span></div></div>
            <!-- System - START -->

<!-- System - END -->


                    <div class="container_postbtn #post_button_group">
  <div class="postbtn_like"><script>window.ReactionButtonType = 'reaction';
window.ReactionApiUrl = '//jaguarpapa.tistory.com/reaction';
window.ReactionReqBody = {
    entryId: 504
}</script>
<div class="wrap_btn" id="reaction-504"></div>
<script src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-dcd72a92cfa46d05916d7729aa74e508c9f6ce4f/static/script/reaction-button-container.min.js"></script><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png" data-title="[스크랩] 테이블 테두리에 이미지 넣기" data-description="      테이블 테두리에 이미지 넣기       ★★ 위는 가장 간단한 테이블 소스로 별과 별사이의 스위시 영상 소스를 넣어주면 되고 테두리 색상은 bordercolor=black..에서 바꿔주면 되고 테두리 두께는 border=5..에서 바꿔주면 됩니다. 또한 Cellspacing=15 는 바깥쪽의 굵은 테두리와 .." data-profile-image="https://tistory1.daumcdn.net/tistory/5457147/attach/3201027cfaab4a919bdb6f15286dd898" data-profile-name="석암 조헌섭." data-pc-url="https://jaguarpapa.tistory.com/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%ED%85%8C%EC%9D%B4%EB%B8%94-%ED%85%8C%EB%91%90%EB%A6%AC%EC%97%90-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%84%A3%EA%B8%B0-504" data-relative-pc-url="/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%ED%85%8C%EC%9D%B4%EB%B8%94-%ED%85%8C%EB%91%90%EB%A6%AC%EC%97%90-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%84%A3%EA%B8%B0-504" data-blog-title="저의 블로그는 음악 가요 외  제가 직접 쓴 글입니다."><span class="ico_postbtn ico_share">공유하기</span></button>
  <div class="layer_post" id="tistorySnsLayer"></div>
</div><div class="wrap_btn wrap_btn_etc" data-entry-id="504" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button>
  <div class="layer_post" id="tistoryEtcLayer"></div>
</div></div>
<button type="button" class="btn_menu_toolbar btn_subscription  #subscribe" data-blog-id="5457147" data-url="https://jaguarpapa.tistory.com/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%ED%85%8C%EC%9D%B4%EB%B8%94-%ED%85%8C%EB%91%90%EB%A6%AC%EC%97%90-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%84%A3%EA%B8%B0-504" data-device="web_pc"><em class="txt_state">구독하기</em><strong class="txt_tool_id">저의 블로그는 음악 가요 외  제가 직접 쓴 글입니다.</strong><span class="img_common_tistory ico_check_type1"></span></button>  <div data-tistory-react-app="SupportButton"></div>
</div>

                    <!-- PostListinCategory - START -->
<div class="another_category another_category_color_gray">
  <h4>'<a href="/category/%EC%BB%B4%20%EB%B0%B0%EC%9A%B0%EA%B8%B0%2813%29">컴 배우기(13)</a>' 카테고리의 다른 글</h4>
  <table>
    <tr>
      <th><a href="/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%EC%9A%B0%EB%A6%AC%EC%9D%98-%EC%84%A4%EB%82%A0-2%EC%8A%A4%EC%9C%84%EC%8B%9C%EC%98%81%EC%83%81-519">[스크랩] 우리의 설날 2(스위시영상)</a>  <span>(0)</span></th>
      <td>2012.01.05</td>
    </tr>
    <tr>
      <th><a href="/entry/%EC%9E%84%EC%A7%84%EB%85%84-509">임진년</a>  <span>(0)</span></th>
      <td>2011.12.30</td>
    </tr>
    <tr>
      <th><a href="/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%ED%8C%8C%EC%9D%B4-%EC%98%AC%EB%A6%AC%EB%8A%94-%EB%B0%A9%EB%B2%95-%EA%B7%B8%EB%A6%BC%EC%B2%A8%EB%B6%80-508">[스크랩] 파이 올리는 방법--(그림첨부)</a>  <span>(0)</span></th>
      <td>2011.12.30</td>
    </tr>
    <tr>
      <th><a href="/entry/%EC%84%A4%EC%A0%95-503">설정</a>  <span>(0)</span></th>
      <td>2011.12.28</td>
    </tr>
    <tr>
      <th><a href="/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%EB%B0%B0%EA%B2%BD%EC%9D%84%EC%95%85%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0%EC%9C%84%ED%95%B4%EC%84%9C-483">[스크랩] 배경을악을 사용하기위해서..</a>  <span>(0)</span></th>
      <td>2011.12.23</td>
    </tr>
  </table>
</div>

<!-- PostListinCategory - END -->

      </div>

      

      
        <div class="related-articles">
          <h2>관련글</h2>
          <ul>
            
              <li>
                <a href="/entry/%EC%9E%84%EC%A7%84%EB%85%84-509?category=1004642">
                  <figure>
                    
                  </figure>
                  <span class="title">임진년</span>
                </a>
              </li>
            
              <li>
                <a href="/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%ED%8C%8C%EC%9D%B4-%EC%98%AC%EB%A6%AC%EB%8A%94-%EB%B0%A9%EB%B2%95-%EA%B7%B8%EB%A6%BC%EC%B2%A8%EB%B6%80-508?category=1004642">
                  <figure>
                    
                  </figure>
                  <span class="title">[스크랩] 파이 올리는 방법--(그림첨부)</span>
                </a>
              </li>
            
              <li>
                <a href="/entry/%EC%84%A4%EC%A0%95-503?category=1004642">
                  <figure>
                    
                  </figure>
                  <span class="title">설정</span>
                </a>
              </li>
            
              <li>
                <a href="/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%EB%B0%B0%EA%B2%BD%EC%9D%84%EC%95%85%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0%EC%9C%84%ED%95%B4%EC%84%9C-483?category=1004642">
                  <figure>
                    
                  </figure>
                  <span class="title">[스크랩] 배경을악을 사용하기위해서..</span>
                </a>
              </li>
            
          </ul>
        </div>
      

      <div class="comments">
        <div data-tistory-react-app="Namecard"></div>
      </div>
    

  
        
    

            </div>

            

            

            

            

          </article>
          <aside id="aside" class="sidebar">

            <div class="sidebar-1">
                          
                  <!-- 카테고리 -->
                  <nav class="category">
                    <ul class="tt_category"><li class=""><a href="/category" class="link_tit"> 분류 전체보기(1784) </a>
  <ul class="category_list"><li class=""><a href="/category/%EC%84%9D%EC%95%94%28%EC%A1%B0%ED%97%8C%EC%84%AD%29%20%EC%8B%9C%EC%A7%91%28%E8%A9%A9%E9%9B%86%29%2896%29" class="link_item"> 석암(조헌섭) 시집(詩集)(96) </a></li>
<li class=""><a href="/category/%EC%8B%9C%28%E8%A9%A9%29%EC%99%80%20%EC%8B%9C%EC%A1%B0%2852%29" class="link_item"> 시(詩)와 시조(52) </a></li>
<li class=""><a href="/category/%EB%82%98%EC%9D%98%20%EC%9D%B4%EC%95%BC%EA%B8%B0%28463%29" class="link_item"> 나의 이야기(463) </a></li>
<li class=""><a href="/category/%EC%97%AD%EC%82%AC%20%EC%9D%B4%EC%95%BC%EA%B8%B0%28124%29" class="link_item"> 역사 이야기(124) </a></li>
<li class=""><a href="/category/%EC%82%B0%ED%96%89%EC%9D%BC%EC%A7%80%28121%29" class="link_item"> 산행일지(121) </a>
  <ul class="sub_category_list"><li class=""><a href="/category/%EC%82%B0%ED%96%89%EC%9D%BC%EC%A7%80%28121%29/%EC%82%B0%ED%96%89%EC%9D%BC%EC%A7%80%28118%29" class="link_sub_item"> 산행일지(118) </a></li>
</ul>
</li>
<li class=""><a href="/category/%EC%B0%BD%EB%85%95%EC%A1%B0%EC%94%A8%20%20%EC%9D%B8%EB%AC%BC%20%2C%EC%A1%B1%EB%B3%B4%2823%29" class="link_item"> 창녕조씨  인물 ,족보(23) </a></li>
<li class=""><a href="/category/%EB%AA%85%EC%96%B8%288%29" class="link_item"> 명언(8) </a></li>
<li class=""><a href="/category/%EC%A2%8B%EC%9D%80%20%EA%B8%80%20%EC%89%BC%ED%84%B0%2842%29" class="link_item"> 좋은 글 쉼터(42) </a></li>
<li class=""><a href="/category/%EC%A0%95%EC%B9%98%20%EC%9D%B8%EB%AC%BC%2872%29" class="link_item"> 정치 인물(72) </a></li>
<li class=""><a href="/category/%EC%82%AC%ED%9A%8C%2832%29" class="link_item"> 사회(32) </a></li>
<li class=""><a href="/category/%EA%B2%BD%EC%A0%9C%2817%29" class="link_item"> 경제(17) </a></li>
<li class=""><a href="/category/%EA%B1%B4%EA%B0%95%2832%29" class="link_item"> 건강(32) </a></li>
<li class=""><a href="/category/%EB%8F%99%EC%98%81%EC%83%81%28245%29" class="link_item"> 동영상(245) </a></li>
<li class=""><a href="/category/%EC%9D%8C%EC%95%85%20%EA%B0%80%EC%9A%94%28117%29" class="link_item"> 음악 가요(117) </a></li>
<li class=""><a href="/category/%EC%82%AC%EC%A7%84%EC%95%A8%EB%B2%94%2816%29" class="link_item"> 사진앨범(16) </a></li>
<li class=""><a href="/category/%EC%BB%B4%20%EB%B0%B0%EC%9A%B0%EA%B8%B0%2813%29" class="link_item"> 컴 배우기(13) </a></li>
<li class=""><a href="/category/%EC%9D%80%EC%8B%A4%20%ED%8E%B8%EC%A7%80%EC%A7%80%282%29" class="link_item"> 은실 편지지(2) </a></li>
<li class=""><a href="/category/%EC%82%AC%EB%9E%91%ED%95%98%EB%8A%94%20%EC%82%AC%EB%9E%8C%EB%93%A4%20%ED%85%8C%ED%81%AC%285%29" class="link_item"> 사랑하는 사람들 테크(5) </a></li>
<li class=""><a href="/category/%ED%99%A9%ED%98%BC%EC%9D%98%EB%82%99%EC%9B%90%20%ED%8E%B8%EC%A7%80%EC%A7%80%20%5B6%5D" class="link_item"> 황혼의낙원 편지지 [6] </a></li>
<li class=""><a href="/category/%ED%8E%B8%EC%A7%80%EC%A7%80%289%29" class="link_item"> 편지지(9) </a></li>
<li class=""><a href="/category/%EB%82%B4%EA%B0%80%20%EC%93%B4%20%EB%8C%93%EA%B8%80%28130%29" class="link_item"> 내가 쓴 댓글(130) </a></li>
<li class=""><a href="/category/%EC%98%81%ED%99%94%2C%20%EB%93%9C%EB%9D%BC%EB%A7%88%289%29" class="link_item"> 영화, 드라마(9) </a></li>
</ul>
</li>
</ul>

                  </nav>
                
            </div>
            <div class="sidebar-2">
              
                  <!-- 공지사항 -->
                  
                    <div class="notice">
                      <h2>공지사항</h2>
                      <ul>
                        
                      </ul>
                    </div>
                  
                
                  <!-- 최근글/인기글 -->
                  <div class="post-list tab-ui">
                    <div id="recent" class="tab-list">
                      <h2>최근글</h2>
                      <ul>
                        
                      </ul>
                    </div>
                    <div id="popular" class="tab-list">
                      <h2>인기글</h2>
                      <ul>
                        
                      </ul>
                    </div>
                  </div>
                
                  <!-- 최근댓글 -->
                  <div class="recent-comment">
                    <h2>최근댓글</h2>
                    <ul>
                      
                    </ul>
                  </div>
                
                  <!-- Facebook/Twitter -->
                  <div class="social-list tab-ui">
                    
                    
                  </div>
                
              
                  <!-- 태그 -->
                  <div class="tags">
                    <h2>태그</h2>
                    
                      <a href="/tag/%EC%84%9D%EC%95%94%20%EC%A0%84%EC%A7%91">석암 전집</a>
                    
                      <a href="/tag/%EA%B8%80%20%EC%A0%84%EC%B2%B4">글 전체</a>
                    
                      <a href="/tag/%EA%B0%80">가</a>
                    
                      <a href="/tag/%EC%9A%94%EC%A6%98">요즘</a>
                    
                      <a href="/tag/%EB%AA%A8%EB%B2%94">모범</a>
                    
                      <a href="/tag/Twitter">Twitter</a>
                    
                      <a href="/tag/cha9533106">cha9533106</a>
                    
                  </div>
                
                  <!-- 전체 방문자 -->
                  <div class="count">
                    <h2>전체 방문자</h2>
                    <p class="total"></p>
                    <p>Today : </p>
                    <p>Yesterday : </p>
                  </div>
                
                  <!-- 소셜 채널 -->
                  <div class="social-channel">
                    <ul>
                      
                      
                      
                      
                    </ul>
                  </div>
                
            </div>
          </aside>
        </div>
      </section>
      <hr>
      <footer id="footer">
        <div class="inner">
          <div class="order-menu">
            
            
            
            
          </div>
          <a href="#" class="page-top">TOP</a>
          <p class="meta">Designed by 티스토리</p>
          <p class="copyright">© Kakao Corp.</p>
        </div>
      </footer>
    </div>
  
  <script src="https://tistory1.daumcdn.net/tistory/0/BookClub/images/script.js"></script>
<div class="#menubar menu_toolbar ">
  <h2 class="screen_out">티스토리툴바</h2>
<div class="btn_tool btn_tool_type1" id="menubar_wrapper"></div><div class="btn_tool"><button class="btn_menu_toolbar btn_subscription  #subscribe" data-blog-id="5457147" data-url="https://jaguarpapa.tistory.com" data-device="web_pc"><strong class="txt_tool_id">저의 블로그는 음악 가요 외  제가 직접 쓴 글입니다.</strong><em class="txt_state">구독하기</em><span class="img_common_tistory ico_check_type1"></span></button></div></div>
<div class="layer_tooltip">
  <div class="inner_layer_tooltip">
    <p class="desc_g"></p>
  </div>
</div>
<iframe id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//jaguarpapa.tistory.com/api"></iframe>

                <!-- DragSearchHandler - START -->
<script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script>

<!-- DragSearchHandler - END -->

        <!-- SyntaxHighlight - START -->
        <link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/styles/atom-one-light.min.css" rel="stylesheet"/><script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/delphi.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/php.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/python.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/r.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/ruby.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/scala.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/shell.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/sql.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/swift.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/typescript.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/vbnet.min.js" defer></script>
  <script>hljs.initHighlightingOnLoad();</script>


        <!-- SyntaxHighlight - END -->

                
                <script type="text/javascript">(function($) {
    $(document).ready(function() {
        lightbox.options.fadeDuration = 200;
        lightbox.options.resizeDuration = 200;
        lightbox.options.wrapAround = false;
        lightbox.options.albumLabel = "%1 / %2";
    })
})(tjQuery);</script>
<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-dcd72a92cfa46d05916d7729aa74e508c9f6ce4f/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-dcd72a92cfa46d05916d7729aa74e508c9f6ce4f/static/script/menubar.min.js"></script>

                
                <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"5457147-504","customProps":{"userId":"0","blogId":"5457147","entryId":"504","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"504","categoryName":"컴 배우기(13)","categoryId":"1004642","author":"5460087","image":"","plink":"/entry/%EC%8A%A4%ED%81%AC%EB%9E%A9-%ED%85%8C%EC%9D%B4%EB%B8%94-%ED%85%8C%EB%91%90%EB%A6%AC%EC%97%90-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%84%A3%EA%B8%B0-504","tags":[]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script>
<script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index.js"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/polyfills-legacy.min.js" nomodule="true" defer="true"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index-legacy.js" nomodule="true" defer="true"></script>

                </body>

</html>