【blogger設定】文字を線で囲み枠を作成する方法を紹介

12/24/2019

ブログ設定

t f B! P L

※当サイトではアフィリエイト広告を利用しています


bloggerで文字を線で囲む方法を紹介

ブログを書いていて文字を四角などで囲み枠を作り、目立たせたいと思うことが多々あるかと思います

今回は簡単に枠を簡単に作成する方法を紹介します

設定方法

こちらのサイトを参考に作成しました

CSSにコピペし次のようなコードを記事を書く際に使用すれば簡単です

テーマ>カスタマイズ>上級者向け>CSSを追加



<div class="box26">
    <span class="box-title">◆ここにタイトル◆</span>
    <p>◆ここに文章◆</p>
</div>


このコードをHTMLモードにコピペし文字を入力すれば簡単に作成できます

◆ここにタイトル◆
◆ここに文章◆


記事作成時には枠は表示されませんが、プレビューを見れば枠で文字が囲われていますので安心してください!

まとめ

コピペで簡単に枠を作ることができます

リンク先のサイトには色々なデザインが紹介されていますので、自分の気に入ったものを見つけましょう

囲みがあるとグッとブログらしくなりますね


このブログを検索

スポンサーリンク

ABOUT



CAD日和 / CADデザイナー

 三次元CADのFusion360やSolidWorksなどの操作やデザイン作成の紹介、3Dプリンターや機械設計について書いてます。

ブログ情報

QooQ