표 표시 테두리를 만드는 방법

이번에는 Table에 테두리를 표시하는 방법과 Table에 테두리를 표시하는 주의 사항에 대해 설명하겠습니다. 다음은 실제 사례입니다.

일반적으로 사용되는 테이블 속성

기본 속성은 다음과 같습니다: width(너비), height(높이), border(테두리 값), cellspacing(테이블의 내부 너비, 즉 table과 tr 사이의 간격), cellpadding(테이블의 요소 사이의 간격, 즉 tr과 tr 사이의 간격), bordercolorlight(테이블의 밝은 테두리 색상), bordercolordark(테이블의 어두운 테두리 색상) the table), bgcolor(표의 배경색), background(표의 배경 이미지), bordercolor(표의 테두리 색상)

표 내부 구분선의 속성

What works는 세 가지 값(cols, columns, none)을 갖는 규칙 매개변수입니다.

rules =cols인 경우 테이블은 가로 구분선을 숨깁니다. 즉, 테이블의 열만 볼 수 있습니다.

rules=rows이면 수직 구분선이 숨겨집니다. 즉, 테이블의 행만 볼 수 있습니다.

rules=none이면 수직 및 수평 구분선이 모두 숨겨지며,

테이블 외부 구분선의 속성

테이블 외부 테두리 표시 및 숨기기는 프레임 매개변수를 사용하여 제어할 수 있습니다. 참고: 내부 가장자리와 선이 아닌 표의 외부 테두리에서만 작동합니다.

상단 테두리만 표시됩니다<표 프레임=위>

하단 테두리만 표시됩니다<표 프레임=아래>

왼쪽 테두리만 표시 , 오른쪽 테두리

상하 테두리만 표시<테이블 프레임=hsides>

왼쪽 테두리만 표시<테이블 프레임=lhs>

오른쪽 테두리만 표시 테두리가 표시됨<테이블 프레임=rhs> ;

테두리 표시 안 함 <테이블 프레임=void>

<table summary="学生名单，包括学生编号、姓名、联系电话、和地址。">  
    <caption>学生名单</caption>  
    <thead>  
        <th scope="col">编号</th>  
        <th scope="col">姓名</th>  
        <th scope="col">联系电话</th>  
        <th scope="col">地址</th>  
    </thead>  
    <tfoot>  
        <td colspan="4">班主任：</td>  
    </tfoot>  
    <tbody>  
        <tr>  
            <td>1</td>  
            <td>Jamson</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
        <tr>  
            <td>2</td>  
            <td>Grace</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
        <tr>  
            <td>3</td>  
            <td>Dizzy</td>  
            <td>123-45678</td>  
            <td>XX市XX区XX号</td>  
        </tr>  
    </tbody>  
</table>

이 사례를 읽으신 후 방법을 익히셨으리라 생각합니다. 더 흥미로운 내용을 보려면 다른 관련 기사를 주목하시기 바랍니다. PHP 중국어 웹사이트에서!

관련 읽기:

HTML 테이블을 어떻게 배치해야 하나요?

HTML 요소를 표시할 때 클래스와 ID의 차이점은 무엇인가요?

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