초보 border 관련 질문좀 드립니다. 채택완료
테이블은 아래 소스과 같아요 그런데 겹치는 부분이 그림처럼 진하고 두껍네 나와요
겹치게하면서 겹치지 않는 부분과 같게 할수는 없을까요?
답변좀 부탁합니다.
<아래>
댓글을 작성하려면 로그인이 필요합니다.
</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>
댓글을 작성하려면 로그인이 필요합니다.
응용을 하시면 됩니다
</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;">
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인