CSS 실시간 미리보기
왼쪽에 CSS를 작성하고 HTML 구조를 편집하면, 오른쪽에 렌더링 결과가 실시간으로 표시됩니다.
After editing CSS or HTML, click "Render" to refresh the right side.
사용 방법
오른쪽 iframe은 CSS를 <style>로 감싼 뒤 HTML 구조를 이어 붙여 렌더링합니다. 구조는 아래 HTML 입력창에서 바꿀 수 있습니다.
자주 묻는 질문
구조와 스타일은 서로 영향을 주나요?
그렇습니다. CSS 선택자는 작성한 HTML에 적용되며, 둘이 함께 최종 모습을 결정합니다.