반응형
테이블의 테두리를 설정하는 것은 기본적이면서도 중요한 요소 중 하나입니다. 일반적으로 HTML과 CSS를 사용해서 테이블의 테두리를 제어할 수 있습니다.
아래는 테이블 테두리를 설정하는 간단한 방법에 대한 내용입니다.
See the Pen Untitled by JunHyeok Noh (@JunHyeok-Noh) on CodePen.
위 예시처럼 border속성을 tr요소에 테두리를 추가하고 있습니다. border-collapse속성은 인접한 테두리를 병합할지 여부를 제어합니다.
table태그는 특이하게 border속성만 추가하면 보이지 않고 border-collapse속성과 함께 사용해야 tr요소에 테두리를 추가 할 수 있습니다.
반응형
'HTML | CSS' 카테고리의 다른 글
| [ HTML ] file://웹페이지를 로컬에서( 프로토콜을 통해 ) 열기 (3) | 2023.11.09 |
|---|---|
| [ CSS/SCSS ] :not() 사용법 (0) | 2023.08.22 |
| [ CSS ] select 화살표 제거하기 (0) | 2023.04.17 |
| [ CSS ] input type Number Up / Down 화살표 제거하기 (0) | 2023.04.17 |
| [ CSS / SCSS ] 스크롤바 제거하기 (0) | 2023.03.28 |