2026-08

【HTML・CSS実践課題】カフェのお知らせページを作ろう

カフェのお知らせページを作ろうHTMLとCSSの基礎を学んだら、完成見本を確認しながら、実際にWebページを作ってみましょう。今回制作するのは、架空のカフェ「MORI CAFE」のお知らせページです。レスポンシブ対応は行わず、パソコンで表示...

コーディング練習問題

margin: 0 auto;で中央揃えする方法

大切なのは「要素の幅」と「余ったスペース」Webサイトを作っていると、次のように要素を中央に配置したい場面がよくあります。.box { width: 600px; margin: 0 auto;}ここで使われているのが、次の指定です。mar...

HTMLとCSSの基本