別冊はてな話 このページをアンテナに追加 RSSフィード

 | 

2005-11-08

emとstrongのコンボで強調するスタイルシート

strongタグ入力支援復活運動*1というわけでもないんですが、そういえばここはemとstrongのスタイルシートをあまり考えていませんでした。

em {
font-weight: bold; 
font-style: nomal;
text-decoration: none;
color: #000000;
}
em em {
color: #FF3803;
}
strong {
font-size:150%;
font-style: nomal;
text-decoration: none;
}

こういうふうにしてみます。太字のところが必須であり狙いです。これで

<em>普通の強調</em>
<strong><em>もっと強調</em></strong>
<strong><strong><em>もっともっと強調</em></strong></strong>
<em><em>色で強調</em></em>
<strong><em><em>色でもっと強調</em></em></strong>
<strong><strong><em><em>もっともっと強調</em></em></strong></strong>
<strong><strong><strong><em><em>もっともっともっと</em></em></strong></strong></strong>

のようにemとstrongを組み合わせると、強調のバリエーションができます。

普通の強調

もっと強調

もっともっと強調

色で強調

色でもっと強調

もっともっと強調

もっともっともっと

拡大率や色みはお好みで。色数をそんなに使わない人は便利なはず。

*1はてなアイデア ←これをからめないとはてな話にならない

トラックバック - http://beta.g.hatena.ne.jp/sugio/20051108
 | 
日記内検索
カレンダー
<< 2005/11 >>
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
画像置き場