CSS 테이블 테두리를 설정하는 방법

CSS 테이블 테두리 설정 방법: 1. "table{border:1px solid skyblue;}"를 통해 외부 테두리를 설정합니다. 2. "td{border:1px solid skyblue;}"를 통해 셀 테두리를 설정합니다.

이 문서의 운영 환경: windows7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

테두리를 사용할 수 있습니다: 1px solid skyblue;

1px는 테두리 픽셀이고, solid는 테두리가 단색임을 의미하고, skyblue는 테두리가 단색임을 의미합니다. 테두리 색상, 직접 테이블을 설정하면 다음과 같이 외부 테두리만 됩니다.

<table>
    <tr>
        <td>11111</td>
        <td>111111</td>
    </tr>
    <tr>
        <td>11111</td>
        <td>111111</td>
    </tr>
</table>

css:

table{border:1px solid skyblue;}

효과 그림:

셀 테두리를 설정하면 각 셀에는 다음과 같은 테두리가 있습니다.

td{border:1px solid skyblue;}

효과 그림:

셀 간격을 0으로 설정하는 스타일:

table{border-collapse:collapse;}
td{border:1px solid skyblue;}

렌더링:

권장 학습: "css 비디오 튜토리얼 "

위 내용은 CSS 테이블 테두리를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!