例えば、 などは、枠線や背景色、小見出し(タイトル)などを付けて、見た目を分かりやすくすることがあります。 今回は、そんなときに使えるボックスのデザインサンプルをご紹介します。 使い方 HTML HTMLはこちらをコピー […]
WEBサイト制作
例えば、 などは、枠線や背景色、小見出し(タイトル)などを付けて、見た目を分かりやすくすることがあります。 今回は、そんなときに使えるボックスのデザインサンプルをご紹介します。 使い方 HTML HTMLはこちらをコピー […]
写真・画像にフレームを付けたい、影を付けたい、トリミングしたい、色を変えたい。そんなときは、写真・画像データ自体を加工すればいいわけですが、めんどくさい(個人的感想が強めです)。 いまは、写真・画像データはそのままに、C […]
見出し・タイトルで使えるデザインサンプルを35種類、どどどっとご紹介します。 このデザインサンプルでは、h1タグに対してCSSを適用しています。詳しいコードの解説は省いていますが、コピペで利用できますので、お気軽にご活用 […]
ウェブサイト制作で必ず登場する「見出し」。見出しのデザインは、サイトの印象、サイトのわかりやすさ、文章の読みやすさなどに影響します。 見出しのタグは、<h1><h2><h3><h […]
ウェブサイトのフッターのデザインサンプルです。王道のデザインなので、汎用性高く使えるのではと思います。レスポンシブデザインに対応しています。 コピペで利用できます。お気軽にご活用ください。 使い方 下部の「デザインサンプ […]
テーブルを使った表のデザインサンプルです。ベーシックな形の表、実線・破線などの罫線を組み合わせてデザインした表など、複数ご用意しました。 コピペで利用できます。お気軽にご活用ください。 使い方 HTML HTMLはこちら […]
箇条書きを実現するタグ「リストタグ」の書き方・使い方を解説します。 文章を箇条書きにする際に使うタグですが、サイトのメニューをデザインするときなどにも良く使われます。使用頻度が高いタグです。しっかりマスターしておきましょ […]