HTMLはWebサイトの骨格を作る言語ですが、CSSを組み合わせることで、Webサイトの見た目やレイアウトを自由にカスタマイズすることができます。
このリンク集では、HTMLを自分だけのものにするためのCSSの知識や技術を学ぶことができるサイトをまとめています。
色々なコンテンツが揃っているので、ぜひご活用ください。
各要素
「Web制作を楽にするUIコピペサイト」
ボタン、見出し、ボックス、リストなど、各要素の紹介があり、色などを指定してCSSコードを作成できます。
見出し
- シンプル系
- おしゃれ系
- グラデーションを使った見出し
- アイコンフォントを使った見出し
- かわいい系
- 使用する際のコツ
と、カテゴリ別に紹介されています。
100個サンプルが紹介されています。
ビジネスブログ向けのシンプルなCSSが30個紹介されています。
テーブル
おしゃれテーブルデザイン10個紹介されています。
HTML, CSSのコードの説明があり、参考になるサイトです。
ベーシックな形の表、実線・破線などの罫線を組み合わせてデザインです。実用的なデザインとなっています。
ボックスデザイン
おしゃれなボックスデザイン例を30個紹介されています。
シンプルで十用的なデザインが17個紹介されています。
簡単にコピー＆ペーストして使用できる、デザインのサンプルが提供されています。また、WordPressでの利用方法も解説されています。
