ブログトップブログトップ
パソコン教室くりっくパソコン教室
魚沼情報サービス魚沼情報サービス
パソコン教室くりっくへのお問い合わせお問い合わせ

ブログの記事タイトルの前後にアイコンを表示する方法

ブログランキング参加中。ポチッとお願いします。 にほんブログ村 PC家電ブログ パソコン教室・サポートへ
このエキサイトブログで記事タイトルの前後にアイコンを表示するようにスタイルシートを設定してみました。

使用したいアイコンをマイイメージアカウントにアップロードしてから、CSS編集に以下の行を追加します。

div.post h2:before,
div.post h2:after {
content: url("http://pds.exblog.jp/pds/1/201308/11/24/music3.gif");
}


content: 行の " で囲まれた部分がアイコンのURLです。

今回、私は音符のアニメーションGIF画像 アニメーションGIF画像を使用してみました。

【注】 Internet Explorer 8 以前のバージョンではアイコンが表示されません。
[PR]
by pc_klik | 2013-08-13 10:30 | ブログ TIPS

新潟県南魚沼市のパソコン教室くりっくのブログです。くりっくは完全個別レッスンだからビデオ教材や講習会よりよくわかります。分からないところや疑問点はどんどん質問してください。すぐその場で解決をお手伝いします。Tel:025-779-2843

   


by パソコン教室くりっく