背景色変更
ここに台詞などが入れられるよ。一行最大30文字ほど。 | |||||
項目1 | ★★★★☆ |
山田 太郎 やまだ たろう | |||
---|---|---|---|---|---|
項目2 | ★★☆☆☆ | ||||
項目3 | ★★★★★ | ||||
項目4 | ★★★☆☆ | ||||
項目5 | ★☆☆☆☆ | ||||
Birthday | Grade | High | |||
1月1日 | 東京都青春学園一年 | 170cm | |||
Club | Color | Pair | |||
テニス部 | ペパーミントグリーン(#00ac9a) | 山田花子 | |||
Like | |||||
タグいじり / CGI・PHP / 昼寝 | |||||
Dislike | |||||
スペックの悪いパソコン / 熱い日 | |||||
Character | |||||
thead th{/*★の項目色*/ color:black; } thead th + td{/*★の文字色*/ color:#339999; } tbody th:first-letter, tfoot th:first-letter{/*項目の文字色*/ color:#339999; } | |||||
Otherwise | |||||
一回使いたかったフォントを使用してみました。 (背景色変更と台詞欄の間にあるラインは見本用の線引きです。) IE9対策をHTML内に直接書いています。 幅300px以上のアイコンを使用する場合や、テーブル幅を弄る場合には十分注意して下さい。 ★の項目より縦長のアイコンを使用する場合には、CSS内で高さ調節をして下さい。 |