基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5+CSS3サンプルを使って表現してみましょう。
基本的なHTMLの構造やCSSの設定方法で「メニュー」を作ったら、そのレイアウトを自由に変化させてみましょう。サンプルソースをダウンロードして見比べてみましょう。
Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。
編集部からのお知らせ
アイティメディアでは、2026年8月31日(月)〜9月7日(月)にオンラインセミナー「Security Week 2026 夏」を開催します。JR西日本やぐるなびなど各社のセキュリティ知見を盛り込んだセッションを予定しています。どうぞ、ご参加ください。