h2:first-letter{
font-size:500%
などとすると、日付まで巻き込んでしまい、
<p>属性で設定すると、本文に適用されたり・・
全然成功しません><
記事タイトルの一文字目のみ、大きく表示させたいのですが、
どうすれば良いでしょうか??
解決方法を教えて下さい・・
こんな感じでしょうか。
h2 span.title{display:inline-block;} h2 span.title:first-letter{ color: #CC0099; font-family: "MS P明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size: 350%; font-weight: bold; }
なんだか、IE6ではまともに表示されない予感がします……
もしhtmlタグが編集可能でしたらタグでくくってみてはどうでしょう?
(例)「あいうえお」の「う」だけを大きくしたい場合。
-------------------------------------------------------
html 編集
‹h2›あい‹span class="font300"›う‹/span›えお‹/h2›
css 編集
.font300{
font-size:300%;
}
-------------------------------------------------------
こんな感じです。
はてなのタイトルがh2が日付で、h3が見出しなのかなぁ?
h3.title:first-letter { font-size: 36px; /* 文字サイズ */ color: red; /* 文字色 */ }
スタイルシートでh3に上記cssを指定すると
http://d.hatena.ne.jp/ken3memo+video/
↑こんな感じですが
こんな感じでしょうか。
h2 span.title{display:inline-block;} h2 span.title:first-letter{ color: #CC0099; font-family: "MS P明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size: 350%; font-weight: bold; }
なんだか、IE6ではまともに表示されない予感がします……
コメント(5件)
テンプレートを自分でいじってるかどうかも。
結局、記事タイトルだけについてる目印(タグとかクラスとか)が何かが分からないと、答えられないんです。
アドレスは以下です。
http://d.hatena.ne.jp/tinitip/
テンプレはRODです。
どうかご回答お願いします^^
テンプレによってタイトルがh2とか違うんですね。
自分のテンプレだとh2日付、h3タイトルだったのですが、
>http://d.hatena.ne.jp/tinitip/
みると、h2で日付+タイトルみたいですね。
失礼しました。
無事解決しました!!