CSS가 포함된 HTML 테이블 — 스타일 지정 및 붙여넣기 가능
셀을 클릭하고 입력하여 HTML 테이블을 시각적으로 구축합니다. 붙여넣거나 변환할 형식이 없는 실시간 미리 보기를 통해 깔끔하고 의미 있는 테이블 마크업을 얻을 수 있습니다.
처리 중...
0%
결과
이 페이지에는 얼룩말 줄무늬와 셀 테두리가 모두 켜져 있고 이미 채워진 작은 샘플 가격표가 있는 테이블 작성기가 열립니다. 이는 대부분의 사람들이 'CSS가 포함된 HTML 테이블'이라고 의미하는 조합과 정확히 같습니다.
인라인 스타일 속성을 모든 셀에 분산시키는 대신 생성기는 테두리, 간격 및 줄무늬 행을 포함하여 단일 클래스로 범위가 지정된 하나의 삽입 가능한 스타일 블록을 작성합니다. 전체 스니펫과 스타일 블록을 복사하면 모든 페이지에서 독립형으로 작동합니다.
샘플 셀을 편집하고, 행이나 열을 추가하고, 테이블이 넓은 경우 반응형 래퍼를 전환합니다. 아래의 코드와 실시간 미리보기가 함께 업데이트되므로 항상 복사하려는 정확한 스타일의 테이블을 볼 수 있습니다.