横の長さが長い、短い場合は、width:630pxを調節して下さい。
例えば、短くしたい場合はwidth:500pxにするとかです。
背景色を変えたい場合は、background: #FFFACDのカラーコードを変更して下さい
囲み枠線(レモン色)
1 2 3 |
<div style="background: #FFFACD; width:630px; border: 1px solid #D3D3D3; height:100%; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
こんな感じでワードプレスのテキストにコードを貼り付けて、
コード内に文字を入力します。
ビジュアルでは反映されませんので注意です。
囲み枠線(淡いグレー)
1 2 3 |
<div style="background: #EFEFEF; width:630px; border: 1px solid #CC0000; height:100%; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">テキストテキスト ここに文字を入力 </div> |
囲み枠線(ライトピンク)
1 2 3 |
<div style="background: #FFB6C1; width:630px; border: 1px solid #CC0000; height:100%; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">テキストテキスト ここに文字を入力 </div> |
囲み枠線(ラベンダー)
1 2 3 |
<div style="background: #e6e6fa; width:630px; border: 1px solid #CC0000; height:100%; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
囲み枠線(ダークカーキ)
1 2 3 |
<div style="background: #bdb76b; width:630px; border: 1px solid #CC0000; height:100%; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
囲み枠線(ミストローズ)
1 2 3 |
<div style="background: #ffe4e1; width:630px; border: 1px solid #CC0000; height:100%; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |
囲み枠線(ライトイエロー)
1 2 3 |
<div style="background: #ffffe0; width:630px; border: 1px solid #CC0000; height:100%; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"> ここに文字を入力 </div> |