忍者ブログ
手探りでパソコンの事を勉強するブログです。 何か覚えたら記録していきます。
2017 . 10
  • 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
  • 31
  •   

    [PR]



    このエントリーをはてなブックマークに追加
    ×

    [PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

    見出しの先頭に画像を表示する



    このエントリーをはてなブックマークに追加

    <h1></h1><h2></h2>などの見出しタグの先頭に画像を表示させる方法です。


    CSSソース


     <style type="text/css">
    h1.entry-title {
        background-image:url(http://hoge.gif);
        background-repeat:no-repeat;
        background-position:left top;
        padding-left:26px;
        background-position: 2px 4px;
    }
    </style>

    htmlソース

     
    <h1 class="entry-title">見出し</h1>


    aee2ff66.PNG
    PR




    ■ この記事にコメントする
    お名前
    タイトル
    文字色
    URL
    コメント
    パスワード
    Vodafone絵文字 i-mode絵文字 Ezweb絵文字
    ■ コメント一覧
    ■ この記事のトラックバック
    この記事にトラックバックする:
    MT4.2でRSS1.0を作成する HOME Movable Type 4.2 に高性能エディタFCKeditorをインストールする
    ©パソコン手探り all rights reserved.
    Powered by ニンジャブログ  Designed by ピンキー・ローン・ピッグ
    忍者ブログ / [PR]