よくtableの行で奇数偶数で色分けするために使っている方法です。
CSS
スクロールバーのカスタマイズ
iOSでのSafariなどスクロールバーがデフォルトで表示されないブラウザがあります。
そんなブラウザでCSSで表示させ、カスタマイズもできてしまう方法を紹介します。
iOS・フォーム選択時の自動ズーム回避方法
iOSではフォームのinput・textarea・dropdownをフォーカスするとズームされることがあります。
これは各要素のfont-sizeが16px未満の場合起きる現象です。
以下は自動ズームを防ぐ方法です。
tableにoverflowを設定してもスクロールバーは表示されない
スクロールバーを表示させるCSSプロパティ「overflow」をtableタグに指定しても何も起きません。
tableにスクロールバーを表示させたい場合は以下の方法でないといけません。
Bootstrapでリストマーカーの消し方
Bootstrapを使うとクラス一つ指定するだけでリストマーカーを消すことができます。
背景だけを半透明にするCSSの書き方
半透明にするCSSのopacityプロパティは、背景だけでなく文字や画像まで半透明にしてしまいます。
背景だけ半透明にする方法は以下の通りです。
CSSだけで要素を点滅させる方法
CSSだけで文字だけでなく、画像やリンクを点滅させることができます。
Bootstrapで画像をレスポンシブに対応する
Bootstrapを使えばclassを1つ追加するだけで画像をレスポンシブ対応可能です。
bootstrapでbuttonぽいradioボタン
bootstrapを使えば簡単にinput要素のradioボタンをbuttonぽく表示できます。
Media Queriesで指定可能な条件
画面のheightやwidthで適応させるCSS（スタイル）を指定できます。