Html/cssのサンプル

提供:wiki - PCスキルの小技・忘却防止メモ
移動: 案内, 検索

目次

html/css:ボタン系

  1. Aタグを画像不使用のCSSだけでボタン
  2. spanタグを画像不使用のCSSだけでボタンのようなアイコン
  3. ボタンタグに似せたアイコン

html/css:サンプル・練習

  1. Aタグを画像不使用のCSSだけでボタン
  2. spanタグを画像不使用のCSSだけでボタンのようなアイコン
  3. 画像リンクにマウスオーバーで半透明
  4. 背景色を半透明
  5. ヘッダの位置固定
  6. inputのtype=textにフォーカスが当たってるときに別色指定
  7. cssだけで矢印や三角を表示
  8. preタグ内での改行
  9. ボタンタグに似せたアイコン
  10. floatを使わない3カラムレイアウト
  11. CSSでグラデーション(各ブラウザごとの表示サンプル)
  12. CSSでウィンドウサイズに合わせた背景画像
  13. CSSで背景画像の位置(ピクセル)指定のサンプル
  14. CSSだけで吹き出し
  15. CSS+jqueryでメインとメニュー切替え
  16. 「CSS3 チェックしたトコを色つけたい」のサンプル

Bootstrap関連

CSS

Components

Javascript

ほかのサンプル