CSS로 표 스타일 지정하는 방법

• “ 글꼴 크기 ” 속성은 글꼴 크기 설정에 활용됩니다.
• “ 텍스트 정렬 ” 속성은 요소 텍스트의 정렬을 지정합니다.
• “ 색상 ” 속성은 요소의 글꼴 색상을 나타냅니다.

위에 제공된 코드의 출력은 다음과 같습니다.

4단계: 테이블에 테두리 추가
“ 국경 ” 속성은 요소 주위에 테두리를 추가하는 데 사용됩니다. 테두리 너비, 테두리 스타일 및 테두리 색상을 지정하는 속기 속성입니다.

패딩과 함께 테두리를 적용하고 여백을 테이블에 적용해 보겠습니다.

여기:

• “ 국경 ” 속성은 테두리 너비, 테두리 스타일 및 테두리 색상을 지정하여 테이블 주위의 테두리를 조정합니다.
• “ 심 ”는 요소 콘텐츠 주변의 공간을 지정합니다. 여기서 첫 번째 값은 상단-하단의 공간을 정의하고 두 번째 값은 콘텐츠의 오른쪽-왼쪽에 공간을 추가합니다.
• “ 여유 ' 값이 '인 속성 자동 ” 요소 주위에 동일한 공간을 추가합니다.

산출

메모 : 테이블 테두리 사이에 공백을 원하지 않으면 border-collapse 속성을 사용합니다.

5단계: 테이블에서 테두리 간격 축소
테이블 테두리 사이의 공백은 ' 국경 붕괴 '축소' 값이 있는 속성:

6단계: 테이블 크기 조정
테이블 크기를 조정하는 방법을 살펴보겠습니다.

추가된 ' 너비