見出し・タイトルで使えるデザインサンプルを35種類、どどどっとご紹介します。 このデザインサンプルでは、h1タグに対してCSSを適用しています。詳しいコードの解説は省いていますが、コピペで利用できますので、お気軽にご活用 […]
WEBサイト制作
コピペで使える見出しタイトルのCSSデザイン＆サンプルコード35選
HTML・CSS
WEBサイト制作
コピペで使える見出しセットのCSSデザイン＆サンプルコード8選
ウェブサイト制作で必ず登場する「見出し」。見出しのデザインは、サイトの印象、サイトのわかりやすさ、文章の読みやすさなどに影響します。 見出しのタグは、<h1><h2><h3><h […]
WEBサイト制作
コピペで使える王道フッターのCSSデザイン＆サンプルコード7選
ウェブサイトのフッターのデザインサンプルです。王道のデザインなので、汎用性高く使えるのではと思います。レスポンシブデザインに対応しています。 コピペで利用できます。お気軽にご活用ください。 使い方 下部の「デザインサンプ […]
WEBサイト制作
コピペで使えるテーブル（表）のCSSデザイン＆サンプルコード17選
テーブルを使った表のデザインサンプルです。ベーシックな形の表、実線・破線などの罫線を組み合わせてデザインした表など、複数ご用意しました。 コピペで利用できます。お気軽にご活用ください。 使い方 HTML HTMLはこちら […]
WEBサイト制作
はじめてのHTML～リストタグ<ul><ol><li>の書き方とCSSデザインサンプル
箇条書きを実現するタグ「リストタグ」の書き方・使い方を解説します。 文章を箇条書きにする際に使うタグですが、サイトのメニューをデザインするときなどにも良く使われます。使用頻度が高いタグです。しっかりマスターしておきましょ […]
WEBサイト制作
はじめてのHTML～コメントアウト<!– –>の書き方・使い方・注意点
HTMLのコメントタグを使って、ウェブサイト内の一部のテキストやコンテンツを非表示にする（コメントアウトする）ことができます。 今回はコメントアウトについて解説していきます。使用時のちょっとした注意点も記載しています。 […]
WEBサイト制作
はじめてのHTML～イメージタグ<img>の書き方とCSSデザインサンプル
写真やロゴなどの画像がひとつもないサイトは、ちょっと味気ないですよね。今回は、ウェブサイトに画像を配置する際のタグ、イメージタグ（imgタグ）について解説していきます。 イメージタグ<imgタグ>の書き方 基 […]
