CSS リアルタイムプレビュー
左側に CSS を書き、編集可能な HTML 構造と組み合わせて、右側に描画結果をリアルタイムに表示します。
After editing CSS or HTML, click "Render" to refresh the right side.
使い方
右側の iframe は CSS を <style> で囲み、その後に HTML 構造をつなげて描画します。構造を変えたい場合は下の HTML 欄を編集してください。
よくある質問
構造とスタイルは互いに影響しますか？
はい。CSS のセレクタは書いた HTML に適用されるため、両者が組み合わさって最終的な見た目が決まります。