はてなブログやWordPressで。はてなブログやWordPressで。はてなブログやWordPressで。今回は、テキスト文を見出し付の囲み枠線でオシャレにするカスタマイズ方法をご紹介します。(上記のサンプルのような感じ)ご紹介する方法は、はてなブログ等の各ブログサービスや、Wordpressで使用できます。はてなブログとWordpressでは確認済み。気に入ったデザインがありましたら、コピペしてお使いください。今回の囲い枠にはリンクを挿入することもできます。次に示す見出し付の囲み枠を基本形として、様々な形態にカスタマイズします。タイトルこんにちはこんばんは基本形のコードです。こんばんは</div>見出し、枠線の色を変える見出しと枠線の色を変更します。今回は青色に変更します。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。好きな色に変更してください。こんばんは</div>見出し文字の色を変える見出し文字の色を変えます。今回は黒に変更しています。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。好きな色に変更してください。囲み枠の背景色を変えてみます。今回はピンク色にします。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。好きな色に変更してください。囲み枠線の線の種類を変えます。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。好きな線に変更してください。囲み線の太さを変えます。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。囲み線を好な太さに変更してください。こんばんは</div>囲み枠に影をつける。(ドロップシャドウ)囲み枠に影を付けて、立体的にします。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。囲み枠の影を好きな距離に配置してください。見出しの横幅のサイズを変えます。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。見出しの横幅を好きなサイズに変更してください。見出しの高さを変えることができます。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。見出しの高さ好きなサイズに変更してください。こんばんは</div>見出しの角部を丸く見出しの角部を丸くしてオシャレにします。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。見出しの角を好きな半径に変更してください。こんばんは</div>見出しと囲み枠の角を丸く見出しの角部と囲み線の角を丸くしてオシャレにします。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。見出しの角並びに囲み枠の角を好きな半径に変更してください。見出しを囲み枠側に移動させます。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。見出し囲み線側に移動するよう好きな距離に変更してください。こんばんは</div>見出しをズラす見出しを向かて右側に少し移動させます。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。見出しを移動する際に利用しましょう。こんばんは</div>見出しをズラして角を丸く見出しを向かて右側に少し移動させ、見出しの角を丸くします。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。見出しを移動させ見出しの角を丸くするときに利用しましょう。こんばんは</div>見出しをズラして見出しと囲み枠線の角を丸く見出しをずらして囲み枠と見出しの角部を丸くします。タイトルこんにちはこんばんは下記のコードで赤くなっている部分が基本形からの変更点です。見出しを移動させ囲み枠線と見出しの角を好きな半径に丸くしましょう。こんばんは</div>枠内の箇条書き(ulタグ)を揃えるタイトル1行目ですよ。2行目ですよ!3行目だよーーーん下記のコードで赤くなっている部分が基本形からの変更点です。箇条書きにすることが出来ます。#fffff0;”><ul><li>1行目ですよ。</li><li>2行目ですよ!</li><li>3行目だよーーーん</li></ul></div>枠内にリンクを貼り付ける下記に示すように、枠内にリンクを挿入することもできます。はてなブログやWordPressで。笑えて面白いが腹筋崩壊注意!」サイト内検索よつば君よつば君です。上を向くことに疲れ、下を向いて歩く毎日です。昨日は10円を見つけました。