● Andoroidスマホからでも囲み枠が消えない!見出しつきの囲み枠の書き方

こんにちは、石川聡です。

Androidスマホを使って囲み枠を入れても、編集した瞬間に崩れます。

私も対策はムリだと思っていたのですが、対策ってあるんですね。

たとえば見出しつきの囲み枠。

ここにタイトル
ここに本文


Androidスマホからでも入れられるのです。

こちらがタグです。


<table style="width:100%; border:0; border-collapse:collapse;"><tbody><tr><td style="background: #ff1493; border: 1px solid #ff1493; padding-left: 10px; color: #ffffff; font-weight: bold;">ここにタイトル</td></tr><tr><td style="border: 1px solid #ff1493; padding: 10px; border-radius:10px;">ここに本文</td></tr></tbody></table>



Androidスマホだけお使いの方で、囲み枠をキレイに入れたい方は使ってください。

ここにタイトル

の部分がタイトルの所の文章ですから、書き換えてく使ってください。

ここに本文が下の囲みの文章なので、自由に書き換えてくください。

#ff1493は色を表しています。この番号は、ピンクですね。

3箇所の番号を変えることで、別の色に変えることができます。


紺色:#000080

ここにタイトル
ここに本文

タグはこちら

<table style="width:100%; border:0; border-collapse:collapse;"><tbody><tr><td style="background: #000080; border: 1px solid #000080; padding-left: 10px; color: #ffffff; font-weight: bold;">ここにタイトル</td></tr><tr><td style="border: 1px solid #000080; padding: 10px; border-radius:10px;">ここに本文</td></tr></tbody></table>


オレンジ:#FF4500

ここにタイトル
ここに本文


タグはこちら

<table style="width:100%; border:0; border-collapse:collapse;"><tbody><tr><td style="background: #FF4500; border: 1px solid #FF4500; padding-left: 10px; color: #ffffff; font-weight: bold;">ここにタイトル</td></tr><tr><td style="border: 1px solid #FF4500; padding: 10px; border-radius:10px;">ここに本文</td></tr></tbody></table>


グリーン:#228B22

ここにタイトル
ここに本文


タグはこちら

<table style="width:100%; border:0; border-collapse:collapse;"><tbody><tr><td style="background: #228B22; border: 1px solid #228B22; padding-left: 10px; color: #ffffff; font-weight: bold;">ここにタイトル</td></tr><tr><td style="border: 1px solid #228B22; padding: 10px; border-radius:10px;">ここに本文</td></tr></tbody></table>




試してみてください。

Androidスマホでコピペして、編集画面を何度もクリックしましたが、崩れることなく表示してくれます。

これまでAndroidスマホで諦めていた方は、ぜひお試しください。

ブログづくりが不安な方は、こちらを読むとヒントがあります

お店に未来のお客さまが集まるアメブロの仕組づくり
サロン、エステ、教室、お店、あなたが選ばれるブログづくり講座

定休日:不定休
山梨県甲府市千塚3-8-5
090-9310-1160

未来のお客さまが集まるアメブロ活用講座
3ヶ月で理想のお客さまが集まるブログづくり
あなたのブログの魅力を見つけるブログ診断!
ブログづくりと仕事の悩みがその場で解決
魅力が3倍!ブログのデザインとヘッダー作成
お客さまの声
お問い合わせ
メール satoshi.vw@gmail.com
電話 090-9310-1160

東京、神奈川、埼玉、大阪、愛知、北海道、三重、静岡ほか全国からご相談を受けています。集客やお客さまの心をつかむコツが身につく。

アメブロやブログ、ワードプレスを使い未来のお客さまが集まる仕組づくり。ファンを増やし申し込みが入るブログが完成します!