bloggerで文字を線で囲む方法を紹介
ブログを書いていて文字を四角などで囲み枠を作り、目立たせたいと思うことが多々あるかと思います
今回は簡単に枠を簡単に作成する方法を紹介します
設定方法
こちらのサイトを参考に作成しました
CSSにコピペし次のようなコードを記事を書く際に使用すれば簡単です
テーマ>カスタマイズ>上級者向け>CSSを追加
<div class="box26">
<span class="box-title">◆ここにタイトル◆</span>
<p>◆ここに文章◆</p>
</div>
このコードをHTMLモードにコピペし文字を入力すれば簡単に作成できます
記事作成時には枠は表示されませんが、プレビューを見れば枠で文字が囲われていますので安心してください!
◆ここにタイトル◆
◆ここに文章◆
◆ここに文章◆
記事作成時には枠は表示されませんが、プレビューを見れば枠で文字が囲われていますので安心してください!
まとめ
コピペで簡単に枠を作ることができます
リンク先のサイトには色々なデザインが紹介されていますので、自分の気に入ったものを見つけましょう
囲みがあるとグッとブログらしくなりますね
リンク先のサイトには色々なデザインが紹介されていますので、自分の気に入ったものを見つけましょう
囲みがあるとグッとブログらしくなりますね