【１】スタイルシートでタイトル文字に白い縁取りを付ける。

    h3 {
        font-size: 16px;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
        font-weight: bold;
        color: #000;
　　　　/* モダンブラウザ（Firefox） */
        text-shadow:
            -2px -2px 0 #FFF,
            　2px 2px 0 #FFF,
            -2px -2px 0 #FFF,
            　2px 2px 0 #FFF;
        /* Chrome Safari */
        -webkit-text-fill-color: #FFF;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #FFF;
        /* IE */
        filter:dropshadow(color=#FFF,offX=2,offY=2);
    }

※ただ～～～し！これはあくまでCSS3に対応しているブラウザにのみ通用。
※/* IE */以下はIE6以上で対応。

現在じんわりこっそりCSS3でコーディング中。

検証結果：
Firefox最新版では綺麗に白抜き表示できたけど、
IE、おまえは駄目だ、全然未対応。
Chromeは白抜き部分が大きすぎて真っ白になってた。
……仕事用としては、これは使わないでおく事にします。