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

php中世界最好的语言원래의: 2018-01-23 11:13:364819검색

이번에는 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이면 수직 및 수평 구분선이 모두 숨겨지며,

테이블 외부 구분선의 속성

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

상단 테두리만 표시됩니다106439ce42b20613aae1cebcc748a306

하단 테두리만 표시됩니다688ca198a582668c9cf4e6b8985de1aa

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

상하 테두리만 표시6c7e8b897485f921e6b3556483dec1a3

왼쪽 테두리만 표시7657f273106b63cdecfbf20bc2bb05da

오른쪽 테두리만 표시 테두리가 표시됨83bcf1dbc76f663d63d1ec792cf7c645

<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 중국어 웹사이트에서!