테이블 태그의 셀 간격 속성의 용도는 무엇입니까? 셀 간격 속성을 이해하는 데 도움이 되는 기사

寻∝梦
풀어 주다: 2018-08-31 11:45:32
원래의
9158명이 탐색했습니다.

이 글에서는 주로 HTML 테이블 태그의 cellpacing 속성의 역할에 대한 예제를 소개하고, 예제를 사용하여 HTML 테이블 태그의 cellspaceing 속성의 값과 구문 사양을 분석합니다. 다음으로 이 글을 살펴보겠습니다

먼저 HTML 테이블 테이블 태그의 cellpacing 속성의 사용법을 살펴보겠습니다.

cellspacing 속성은 셀 사이의 간격을 지정합니다.

참고: 이 속성을 셀 가장자리와 셀 내용 사이의 공간을 지정하는 cellpadding 속성과 혼동하지 마세요.

cellspacing 속성의 속성 값:

pixels: 셀 사이의 간격을 지정합니다.

아래 예를 살펴보겠습니다.

다음 예에서는 표 셀 간격을 20픽셀로 설정합니다.

<table border="5" cellspacing="20">
  <tr>
    <th>表头</th>
    <th>表头1</th>
  </tr>
  <tr>
    <td>PHP中文网</td>
    <td>200</td>
  </tr>
</table>
로그인 후 복사

효과를 확인하기 위해 셀 간격 속성 값을 20으로 설정했습니다.

테이블 태그의 셀 간격 속성의 용도는 무엇입니까? 셀 간격 속성을 이해하는 데 도움이 되는 기사

이 사진은 다음과 같습니다. 매우 명확하지만 더 나은 관찰을 위해 또 다른 예를 들어 보겠습니다.

<html>
   <head>
       <title>php中文网</title>       
    </head>
    <meta charset="utf-8">
    <body>
        <table border="5" cellspacing="20" width="300">
        <tr>
        <td>11</td>
                <td>12</td>
                <td>13</td>
        </tr>
        <tr>
        <td>21</td>
                <td>22</td>
                <td>23</td>
        </tr>
         </table>
    </body>
</html>
로그인 후 복사

이제 효과를 살펴보겠습니다.

테이블 태그의 셀 간격 속성의 용도는 무엇입니까? 셀 간격 속성을 이해하는 데 도움이 되는 기사

이 효과는 매우 분명합니까? 셀 간격은 20픽셀로 설정되어 있습니다. 또한 많이 넓어져서 아주 선명하게 보입니다.

HTML 테이블 태그의 셀 간격 속성 요약 정보:

테이블 태그에서 셀 간격 속성을 사용하는 방법은 일반적으로 테이블을 보기 좋게 만들 때 셀 간격 속성을 사용해야 합니다. 내부 상자에 이 속성을 채우는 것이 다른 것으로 채우는 것보다 훨씬 좋습니다. 현재 HTML5에서는 이 속성을 지원하지 않지만 HTML이 아닌 일상에서는 개인적으로 이 속성을 선호합니다.

알겠습니다. 이 기사는 여기서 끝납니다(자세한 내용을 알고 싶으면 배우고 싶은 프로그래밍 언어에 대한 무료 온라인 튜토리얼이 있는 PHP 중국어 웹사이트에 오신 것을 환영합니다.). 질문이 있는 경우 다음을 남겨주세요. 아래 메시지.

【에디터 추천】

html 헤더 태그와 푸터 태그의 차이점 2가지 요약(요소 차이점 예시 포함)

HTML 버튼 태그에 하이퍼링크가 있나요? 버튼 태그를 사용하여 하이퍼링크를 설정하는 예는 다음과 같습니다

위 내용은 테이블 태그의 셀 간격 속성의 용도는 무엇입니까? 셀 간격 속성을 이해하는 데 도움이 되는 기사의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿