isshiki0022 https://blog.hatena.ne.jp/isshiki0022/ プログラミングの理解が遅すぎる初心者がJavaScript、Node.jsで投票型掲示板を作ろうとしてます https://html-css-javascript.hatenadiary.com/ CSS フロントエンドのみの掲示板作成 とりあえず掲示板を作るのに必要な、送信の部分に関しては作り終えましたけど、まあ見ての通り虚しさを覚えるほどの殺風景です。 前回作ったのがコレです。 掲示板① なんだコレは。 はやいとこ、ある程度装飾をしていきたいと思います。 最低でもあれらのパーツを縦に並べたいですよね。 というわけでまず縦に並べるところから始めます。 この操作はCSSから行うことになります。 なお、このブログではVS Codeを使っていますので、Sassを使った表示になります。 たとえば、 form { display: flex; flex-direction: column; } form input { margin-… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhtml-css-javascript.hatenadiary.com%2Fentry%2F2025%2F05%2F16%2F163801" title="掲示板を作る②CSSでパーツを配置 - プログラミングの理解が遅すぎる初心者がJavaScript、Node.jsで投票型掲示板を作ろうとしてます" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/i/isshiki0022/20241203/20241203023517.png Hatena Blog https://hatena.blog 2025-05-16 16:38:01 rich https://html-css-javascript.hatenadiary.com/entry/2025/05/16/163801 1.0 100%