囲み枠

文字に枠デザインを挿入するHTMLのみで出来るボックスです。

よく利用させて貰っているタグは以下。

シンプルな直線囲みボックス

青枠★ここに文字を入力してください。

<div style="border: 5px solid #87cefa; padding: 10px; border-radius: 0px; background: ##ffffff;">★ここに文字を入力してください。</div>

赤枠★ここに文字を入力してください。

<div style="border: 5px solid #ffb6c1; padding: 10px; border-radius: 0px; background: ##ffffff;">★ここに文字を入力してください。</div>

破線の囲みボックス

破線赤★ここに文字を入力してください。

<div style="border: 5px dashed #cd5c5c; padding: 10px; border-radius: 0px; background: ##ffffff;">★ここに文字を入力してください。</div>

破線ピンク★ここに文字を入力してください。

<div style="border: 3px dashed #ffa8d3; padding: 10px; border-radius: 0px; background: ##ffffff;">★ここに文字を入力してください。</div>

見出し付き囲み枠

□タイトル

★ここに文字を入力してください。

<div style="border: 1px solid #ffb6c1; padding: 5px; border-radius: 0px; background: #ffb6c1;">□タイトル </div>

<div style="border: 1px solid #ffb6c1; padding: 10px; border-radius: 0px; background: #ffffff;">★ここに文字を入力してください。</div>

引用・参考サイト

文字の囲み枠などをコピペで利用できるお手軽サイト。

他にも「みーこの自宅でネットビジネス」様では、ワードプレスの文字の装飾、SEO、プラグインなどの情報を解説されています。