HTML・CSS

見出しや文章の文字（テキスト）に、影や色を付けたり回転させたりと、さまざまな効果（エフェクト）を加えることができます。エフェクトは、簡単なCSSの記述で実現することができます。 それでは、いくつかデザインとコードをご紹介 […]

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

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

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

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

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