Pré-visualização de CSS ao vivo
Escreva CSS à esquerda e uma estrutura HTML editável; veja o efeito renderizado à direita em tempo real.
After editing CSS or HTML, click "Render" to refresh the right side.
Como usar
O iframe à direita envolve seu CSS em <style> e então anexa a estrutura HTML para renderizar. Altere a estrutura pela caixa HTML abaixo.
Perguntas frequentes
Estrutura e estilos se afetam mutuamente?
Sim. Os seletores CSS se aplicam ao HTML que você escreveu; os dois juntos definem a aparência final.