테스트 사이트 - 개발 중인 베타 버전입니다

초보 border 관련 질문좀 드립니다. 채택완료

장미란 8년 전 조회 3,617

테이블은 아래 소스과 같아요 그런데 겹치는 부분이 그림처럼 진하고 두껍네 나와요

겹치게하면서 겹치지 않는 부분과 같게 할수는 없을까요?

답변좀 부탁합니다.

 

<아래>

 

<그림>


 

 

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
8년 전

아래와 같이 위 테이블 하단 테두리를 없애주어서 해주셔도 되고 간단하게

아래 테이블 상단 마진을 -1px 로 해주셔도 됩니다.

     
 

 

 

     
 

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
8년 전
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

8년 전

위 테이블의 하단과 아래 테이블의 상단이 약간의 차이로 두줄이 그어진 상태로 보여집니다.

위 테이블의 하단과 아래 테이블의 상단의 마진 위치가 정확하게 맞아야 합니다.

또는 위 테이블의 하단 테두리나 아래 테이블의 상단 테두리의 둘 중 하나를 안보이게 해주시면 됩니다.

쉽지 않다면 그냥

로 하시는 것이 좋습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

8년 전

</p><p><!DOCTYPE html></p><p><html></p><p>    <head></p><p>        <meta charset="UTF-8" /></p><p>        <style></p><p>        .tbl {</p><p>            border-collapse: collapse;</p><p>            border-spacing: 0;</p><p>        }</p><p>        .tbl td {</p><p>            border: 1px solid #000;</p><p>        }</p><p>
</p><p>        .test .tbl tr:last-child td {</p><p>            border-bottom: 0;</p><p>        }</p><p>        .test .tbl:last-child tr td {</p><p>            border: 1px solid #000;</p><p>        }</p><p>        </style></p><p>    </head></p><p>    <body></p><p>        <div class="test"></p><p>            <table class="tbl"></p><p>            <tr><td>1</td><td>2</td></tr></p><p>            <tr><td>3</td><td>4</td></tr></p><p>            </table></p><p>            <table class="tbl"></p><p>            <tr><td>5</td><td>6</td></tr></p><p>            <tr><td>7</td><td>8</td></tr></p><p>            </table></p><p>        </div></p><p>    </body></p><p></html></p><p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

l
8년 전

응용을 하시면 됩니다

</strong> </p><p><style></p><p>  table {</p><p>        border-collapse: collapse;</p><p>        border: 1px solid #ddd;</p><p>    }</p><p>
</p><p>    table > thead > tr > th,</p><p>    table > thead > tr > td,</p><p>    table > tbody > tr > th,</p><p>    table > tbody > tr > td,</p><p style="font-size: 14.6667px;">    table > tfoot > tr > th,</p><p style="font-size: 14.6667px;">    table > <span style="font-size: 14.6667px;">tfoot </span>> tr > td {</p><p>        border: 1px solid #ddd;</p><p>    }</p><p>    </style></p><p>    <table style="width: 100%;table-layout: fixed"></p><p>    <colgroup></p><p>    <col style="width: 50%" /></p><p>    <col style="width: 50%" /></p><p>    </colgroup></p><p>
</p><p>    <thead></p><p>    <tr></p><p>    <th>aaa</th></p><p>    <th>aaa</th></p><p>    </tr></p><p>    </thead></p><p>
</p><p>
</p><p>    <tbody></p><p>    <tr></p><p>    <td>aaa</td></p><p>    <td>aaa</td></p><p>    </tr></p><p>    </tbody></p><p>
</p><p>    <tfoot></p><p>    <tr></p><p>    <th>aaa</th></p><p>    <th>aaa</th></p><p>    </tr></p><p>    </tfoot></p><p>    </table></p><p><strong style="color: rgb(127, 127, 127); font-family: Arial, 돋움, Dotum; font-size: 12px;">
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인