HTMLを編集して、写真付き文章に枠つきのタイトルをつけてみる

写真付き文章にタイトルをつける
Jimdoでは、写真付き文章の文字色やサイズ太さなどを変えることが出来ますが、枠付の文章をタイトルなどにすることは出来ません。ここでは、Jimdoの写真つき文章に枠付きのタイトルをつける方法を紹介しています。
HTML
写真付き文章のHTML編集を開いて、以下のように編集します。
追加する部分を太字で表示してます。
※!importantはスマホ表示の際に基本色になってしまうのを防ぐためです。
<div style="padding-top: 5px;">
<p style="display: inline-block; background: #900; color: #fff !important; padding: 5px 1em;margin-bottom:5px;">写真付き文章にタイトルをつける</p>
<p>Jimdoでは、写真付き文章の文字色やサイズ太さなどを変えることが出来ますが、枠付の文章をタイトルなどにすることは出来ません。ここでは、Jimdoの写真つき文章に枠付きのタイトルをつける方法を紹介しています。</p>
</div>
この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。