HP制作先着3名様まで(残2)80,000円(税込)

囲み枠を中央に寄せる方法

サイズが変わる囲み枠を中央に寄せる方法です。
様々なやり方があり、アメブロで違う方法もご紹介しています。
やりやすい方法を見つけてくださいね!

STEP
中央寄せのコードをコピー

下記コード右端の四角をクリックしてコピーします。

<div style="text-align:center;">囲み枠</div>
STEP
HTML表示に貼り付け

アメブロの記事をHTML表示にして、コピーしたコードを貼り付けます。

STEP
囲み枠のコードをコピー

中央に配置したい囲み枠のコードをコピーします。
(今回はふわっとしたピンクをコピー)

STEP
『囲み枠』を選択

文章を左寄せにするにもどり2で貼り付けた『囲み枠』をドラッグして選択(背景色がついた)状態にします。

STEP
コードを貼り付け

選択した状態で、コピーしてきた囲み枠コードを右クリックで『貼り付け』します。

クリックで画像拡大
STEP
文章を左寄せにして完成!
YUMI

囲み枠は中央寄せで文章は左寄せにするならこちらも忘れずに!

アメブロの記事を通常表示に変えて文章の部分をクリックしてから『左寄せ』をクリックします。

share
  • URLをコピーしました!
  • URLをコピーしました!
Contents