Web活用で心豊かな

アラフィフライフを応援したい
ひとり起業webサポーター
松田なおこです

プロフィールはこちらから

 
たま〜にお見かけします
 
内容ごとに分類したい時は
色違いで記事枠をつくりたいですよね
 
 
でも、こんな風に記事枠同士がくっついてしまうあせる
 
タイトル
ここに本文
タイトル
ここに本文

 

 

では、今から解決していきます上差しイエローハーツ

 

 

①HTML表示のタブをクリックしてください

 

 

 

 

②この部分が記事枠のコードなので見つけてください。

<div style="background: #ffb6c1; border: 1px solid #ffb6c1; padding-left: 20px;"><font color="#ffffff">タイトル</font></div><div style="border: 1px solid #ffb6c1; font-size: 100%; padding: 20px;">ここに本文</div>丸レッド<div style="background: #00bfff; border: 1px solid #00bfff; padding-left: 20px;"><span style="color: white;">タイトル</span></div>
<div style="border: 1px solid #00bfff; font-size: 100%; padding: 20px;">ここに本文</div>

 

 

③上記②で丸レッドで印した部分にこの言語をコピペで入れてね

<p>&nbsp;</p>

 

 

そうすると離れます

タイトル
ここに本文

 

タイトル
ここに本文

 

 
もっと離したい場合は、<p>&nbsp;</p>
2個、3個入力すればスペース幅があいていきます
 
 
記事枠とバナー画像を離したいのに
くっついてしまう、というのも
同じ方法でなおります
</div> と <div の間に赤字のコード文
を入れるとスペースが作られます
 
</div><p>&nbsp;</p><div
 
 
どなたかのお役に立てましたら幸いです
 
 
 
 
 
 
 
 

 

個人レッスンしてます。詳細クリックしてね下差し