以前、私のブログにＵＰしました
という記事
を運営されているmegumiさんのブログ
でご紹介いただきました
ありがとうございます
ところで、読者の方から
「naokoさんの囲み枠を使ってみたけど
抜け出せなくて困っています
どうしたらいいんですかヽ(;´Д｀)ノ
」
というご質問を頂きましたので
お答えしますね。
例えば、私の囲み枠の記事のブログの
サンプル⑥のコードを例にします。
「HTML表示」に切り替えて、
<div style="background: #a0d8ef; border: 1px dotted #a0d8ef; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">タイトル</span></div>
<div style="border: 1px dotted #a0d8ef; padding: 10px;">ここに文章を入れます</div>
コードをコピペして貼り付け、
「通常表示」に戻して、
囲み枠内に入れたい文字を入れます。
（注意） 改行をしたい場合は、必ず「Shiftキー」を押しながら「Enterキー」を押してください。
が、囲み枠内に文字を打ち終わって
今度は、囲み枠の外に文字を打ちたい
のにいつまでたっても囲み枠の外に
文字が打てない・・・。
改行してもずっと枠がついてくる・・・。
そんなときは、「HTML表示」に切り替えて
囲み枠のコードの一番下とか、</div>以降、つまり、</div>より右側（囲み枠が<div>～</div>で作られているので、それより外という意味です）に何か文字を入れます。
「あ」でも「い」でも何でもいいです
こんなふうに↓
<div style="background: #a0d8ef; border: 1px dotted #a0d8ef; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">タイトル</span></div>
<div style="border: 1px dotted #a0d8ef; padding: 10px;">ここに文章を入れます</div>
あ
文字を入れたら、今度は「通常表示」に
切り替えてみてみます。
と、ちゃんと枠から抜け出せています
皆さんも、囲み枠から抜け出せなくなったら
やってみてくださいね
2月19日（月）発売開始しました
大人可愛いパソコンバッグ＆パソコンケースのONLINE SHOP
PCBag Style
(パソコンバッグスタイル）
ぜひご覧になっていただけると嬉しいです
https://pcbag-style.shop-pro.jp/
アメーバオウンドのHPレッスンは
こちら
アメーバオウンドでのHP制作はこちら
アメブロ【初心者向け】レッスンはこちら
アメブロ【中級者向け】レッスンはこちら
お困りごとのメール対応はこちら
東京・外苑前でのレッスンのご予約はこちら
レッスン場所のご案内は こちら
レッスンのレビューは こちら
制作・レッスンの実績は こちら
最新のレッスン日程は こちら
※「起業女性に･･･」とタイトルでうたっていますが
男性のお客様も歓迎しております
大人可愛いパソコンバッグとパソコンケース
30年2月19日（月）発売開始
https://pcbag-style.shop-pro.jp/
おすすめのメルマガスタンド♡