🎨 블로그 서식 & 스타일 생성기
엑셀 표를 반응형 웹 테이블로 변환하거나, 시선을 사로잡는 인용구·콜아웃 박스를 만들어 블로그에 바로 붙여넣으세요.
📊 엑셀 표 ➔ 반응형 HTML 표
💡 인용구 & 콜아웃 박스
1. 엑셀 데이터 붙여넣기
샘플 불러오기
스타일 테마
모던 블루 (깔끔한 기본형)
심플 그레이 (미니멀)
에메랄드 그린 (부드러운)
다크 헤더 (강조형)
테두리 격자형
텍스트 정렬
가운데 정렬
왼쪽 정렬
첫 열만 왼쪽, 나머지 가운데
첫 번째 행을 제목(Header)으로 사용
줄무늬(Zebra) 배경 적용
모바일 가로 스크롤 허용
2. 미리보기 & HTML 코드
📋 HTML 코드 복사
실제 렌더링 미리보기
왼쪽에 엑셀 데이터를 입력하세요.
생성된 인라인 HTML 코드 (블로그 HTML 모드에 삽입)
<!-- 표 코드가 여기에 생성됩니다 -->
콜아웃 박스 구성
박스 유형 (스타일 및 아이콘)
💡 정보 / 팁 (Tip & Info)
⚠️ 주의 / 권고사항 (Warning)
🚨 중요 / 금지사항 (Alert)
✅ 완료 / 확인 (Check)
💬 인용구 / 명언 (Quote)
⚙️ 사용자 정의 (Custom)
아이콘/이모지
디자인 형태
왼쪽 굵은 바 (모던형)
부드러운 카드형
외곽선 둥근 박스형
큰 따옴표 인용형
박스 제목 (선택 사항)
본문 내용
블로그 본문에 이와 같은 콜아웃 박스를 사용하면 독자의 시선을 사로잡고 글의 가독성을 대폭 향상시킬 수 있습니다.
미리보기 & HTML 코드
📋 HTML 코드 복사
실제 렌더링 미리보기
생성된 인라인 HTML 코드 (티스토리/워드프레스에 바로 적용)
<!-- 콜아웃 코드가 여기에 생성됩니다 -->