ここは私のCSS屋さんです(css tips)

随時更新記事です。

スポンサーリンク

スタイルTips

セリフ吹き出しの下の▼の部分のスタイル

吹き出しで会話形式にしたい時、h1やh2を吹き出しにしたい時。

borderの三角になる箇所と透明色と重ねて表示でなんとか再現可能。

http://coding-factory.com/cm/cm72.html

リストなどを奇数偶数で分けたい場合のスタイル

リスト番号の偶数奇数で色を分けたり、clear:bothしたりする際に使い分ける。

[css]
/* 奇数 */
.test_class:nth-child(odd) {
background-color:#FFCCCC;
clear:both;
}
/* 偶数 */
.test_class:nth-child(even) {
background-color:#CCFFCC;
clear:both;
}
[/css]

http://weboook.blog22.fc2.com/blog-entry-285.html

http://www.htmq.com/selector/nth-child.shtml

その他

ブラウザ対応状況確認

こちらのサイトで確認可能。

http://caniuse.com/