HTML・CSS

HTMLとCSSの基本をマスターできれば、もう自力でウェブページが作れます。ここでは、CSS初心者の方向けに、CSSの基本を解説しています。 これからホームページを作りたい方、将来ウェブデザイナーを目指している方、ウェブ […]

例えば、 などは、枠線や背景色、小見出し（タイトル）などを付けて、見た目を分かりやすくすることがあります。 今回は、そんなときに使えるボックスのデザインサンプルをご紹介します。 使い方 HTML HTMLはこちらをコピー […]

写真・画像にフレームを付けたい、影を付けたい、トリミングしたい、色を変えたい。そんなときは、写真・画像データ自体を加工すればいいわけですが、めんどくさい（個人的感想が強めです）。 いまは、写真・画像データはそのままに、C […]

見出し・タイトルで使えるデザインサンプルを35種類、どどどっとご紹介します。 このデザインサンプルでは、h1タグに対してCSSを適用しています。詳しいコードの解説は省いていますが、コピペで利用できますので、お気軽にご活用 […]

ウェブサイト制作で必ず登場する「見出し」。見出しのデザインは、サイトの印象、サイトのわかりやすさ、文章の読みやすさなどに影響します。 見出しのタグは、<h1><h2><h3><h […]

ウェブサイトのフッターのデザインサンプルです。王道のデザインなので、汎用性高く使えるのではと思います。レスポンシブデザインに対応しています。 コピペで利用できます。お気軽にご活用ください。 使い方 下部の「デザインサンプ […]