最近使っているスタイル

最近から、引用先のタイトルを派手？にしていますが、セレクタってのを使っています。
スタイルシート/詳細編集/ブログ/の最後のほうに「ユーザーコンテンツ(ブログ内ユーザー定義)」ってのが有りまして、その中で指定をしています。

タイトル　「.t1」
内容
background-color:#000;
border:inset 4px pink;
color:#fff;
font-weight:bold;
line-height:1.5em;
margin:4px;
padding:4px 12px;
vertical-align:middle;
width:80%;
border-radius:9px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
と定義しています。

ブログ内での利用方法は
<div class=t1>引用タイトル</div>
若しくは
<span class=t1>引用タイトル</span>
引用タイトル
です。div指定の場合は文字列の長さに関係なく一定の幅で、span指定の場合は文字列の長さに合わせてスタイルが適用されます。

それと、画像を見てもらうと判りますが、Firefoxの場合角が丸くなっていますが、IE8まででは角が丸くなっていません。CSS3の仕様なのですが、IE以外の幾つかのブラウザが先行採用していて、そのタグが最後の3行です。

CSS3はIE9で正式採用されるとの噂が有りますね。