초보 border 관련 질문좀 드립니다.

Question

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

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

답변좀 부탁합니다.

<아래>

<그림>

천사별 · Accepted Answer

아래와 같이 위 테이블 하단 테두리를 없애주어서 해주셔도 되고 간단하게로아래 테이블 상단 마진을 -1px 로 해주셔도 됩니다.

sinbi · Answer

https://codepen.io/sinbi/pen/YxZOKK

천사별 · Answer

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

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

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

쉽지 않다면 그냥 <table><tr><td></td><tr><td></td></tr></table>로 하시는 것이 좋습니다.

배르만 · Answer

[code]                            .tbl {            border-collapse: collapse;            border-spacing: 0;        }        .tbl td {            border: 1px solid #000;        }        .test .tbl tr:last-child td {            border-bottom: 0;        }        .test .tbl:last-child tr td {            border: 1px solid #000;        }                                                12            34                                    56            78                        [/code]

logos · Answer

응용을 하시면 됩니다[code]   table {        border-collapse: collapse;        border: 1px solid #ddd;    }    table > thead > tr > th,    table > thead > tr > td,    table > tbody > tr > th,    table > tbody > tr > td,    table > tfoot > tr > th,    table > tfoot > tr > td {        border: 1px solid #ddd;    }                                    aaa    aaa                    aaa    aaa                    aaa    aaa            [/code]

초보 border 관련 질문좀 드립니다.

답변 5개

공유하기