人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ブログ記事の一文字目だけ大きく表示させたいです。

h2:first-letter{
font-size:500%

などとすると、日付まで巻き込んでしまい、

<p>属性で設定すると、本文に適用されたり・・

全然成功しません><

記事タイトルの一文字目のみ、大きく表示させたいのですが、
どうすれば良いでしょうか??

解決方法を教えて下さい・・

●質問者: rinrin
●カテゴリ:ウェブ制作
✍キーワード:H2 タイトル 全然 属性 成功
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● aruteka_v2

もしhtmlタグが編集可能でしたらタグでくくってみてはどうでしょう?

(例)「あいうえお」の「う」だけを大きくしたい場合。

-------------------------------------------------------

html 編集

‹h2›あい‹span class="font300"›う‹/span›えお‹/h2›

css 編集

.font300{

font-size:300%;

}

-------------------------------------------------------

こんな感じです。


2 ● ken3memo

はてなのタイトルがh2が日付で、h3が見出しなのかなぁ?

h3.title:first-letter {
 font-size: 36px; /* 文字サイズ */
 color: red; /* 文字色 */
 }

スタイルシートでh3に上記cssを指定すると

http://d.hatena.ne.jp/ken3memo+video/

↑こんな感じですが


3 ● Lhankor_Mhy
ベストアンサー

こんな感じでしょうか。

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ではまともに表示されない予感がします……

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ