借りれるところを手間なくさがすには
通常枠
<div class="nmlbox">
</div>
赤枠、黄色背景
<div class="ylwbox">
</div>
灰色、灰色背景
<div class="nmlbox graybg">
</div>
オレンジ角丸
<div class="rnd1 rbox2">
</div>
灰色角丸影
<div class="rnd1 rbox1 shadow1">
</div>
実線
<div style="border:solid 3px #FF0A0A;background-color:#FFFFFF;color:#333333;font-size:13px;padding:10px;">
</div>
どっと
<div style="border:dotted 3px #FF0A0A;background-color:#FFFFFF;color:#333333;font-size:13px;padding:10px;">
</div>
二重線
<div style="border:double 3px #FF0A0A;background-color:#FFFFFF;color:#333333;font-size:13px;padding:10px;">
</div>
警告
<div class="alert">
</div>
承諾
<div class="accept">
</div>
注意
<div class="attention">
</div>
ヒント
<div class="thint">
</div>
男
<div class="user1">
</div>
女
<div class="user2">
</div>
Q&A
ここに回答を入力
<div class="question1">ここに質問を入力</div>
<div class="answer1">
ここに回答を入力
</div>
Q&A
ここに回答を入力
<div class="question2">ここに質問を入力</div>
<div class="answer2">
ここに回答を入力
</div>
見出し付きの囲い枠
<fieldset><legend><strong><font color="#ff0000">◆ここにタイトル</font></strong></legend>ここは文章・・・<br>ここは文章・・・<br>ここは文章・・・</fieldset>
見出し付きの囲い枠、見出し色付き
■タイトルはこちら■改行後の本文はこちら(ここは削除してください。)
<font style="padding:6px 10px; background:#000066; color:#ffffff; font-weight:bold;">■タイトルはこちら■</font><div style="border:1px solid #000066; padding:10px; font-size:0.9em; margin-top:2px;">本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</div>
『見出し付きの囲い枠』枠いっぱいの背景色にしたい
改行後の本文はこちら(ここは削除してください。)
<div style="background:#000066; border:1px solid #000066; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">■タイトルはこちら■</font></div><div style="border:1px solid #000066; padding:10px; font-size:1em;">本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</div>
『見出し付きの囲い枠 -その2』の角を丸く
改行後の本文はこちら(ここは削除してください。)
<div style="background:#ffd400; border:1px solid #ffd400; padding-left:10px; font-size:1.16em;border-top-left-radius:5px;border-top-right-radius:5px;"><font style="color:#000000; font-weight:bold;">■タイトルはこちら■</font></div><div style="border:1px solid #ffd400; padding:10px; font-size:1em;border-bottom-left-radius:5px;border-bottom-right-radius:5px;">本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</div>
ホームページ
<span style="background-color: #FFFF00">ホームページ</span>
水平線1
<p class="border1"> </p>
水平線2
<p class="border2"> </p>
水平線3
<p class="border3"> </p>
点線
<p class="borderdot"> </p>
太い線
<p class="borderdot2"> </p>
<p style="border-top:solid 2px #006699;height:1px;line-height:1px;margin:10px;"> </p>
<p style="border-top:dotted 2px #006699;height:1px;line-height:1px;margin:10px;"> </p>
<p style="border-top:dashed 2px #006699;height:1px;line-height:1px;margin:10px;"> </p>
<p style="border-top:double 2px #006699;height:1px;line-height:1px;margin:10px;"> </p>
●●●●
●●●●
●●●●
■■■■■
■■■■■
■■■■■
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
<div style="border:solid 1px #dddddd;float:left; width:40%; padding: 0 12px; margin: 1px;">
<p>●●●●<br>●●●●<br>●●●●</p>
</div>
<div style="border:solid 1px #dddddd; float:left; width:40%; padding: 0 12px; margin: 1px;">
<p>■■■■■<br>■■■■■<br>■■■■■</p>
</div>
<div style="border:solid 3px #FF0A0A; clear:both; margin: 1px;">
<p>▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼</p>
</div>
●●●●
●●●●
●●●●
■■■■■
■■■■■
■■■■■
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
<div style="border:solid 1px #dddddd; float:left; width:45%; padding: 0 12px; margin: 1px;">
<p>●●●●<br>●●●●<br>●●●●</p>
</div>
<div style="border:solid 1px #dddddd; float:left; width:45%; padding: 0 12px; margin: 1px;">
<p>■■■■■<br>■■■■■<br>■■■■■</p>
</div>
<div style="border:solid 3px #FF0A0A; clear:both; width:98%; margin: 1px;">
<p>▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼</p>
</div>
●●●●
●●●●
●●●●
■■■■■
■■■■■
■■■■■
<div style="border:solid 1px #dddddd; float:left; width:45%; padding: 0 12px; margin: 1px;">
<p>●●●●<br>●●●●<br>●●●●</p>
</div>
<div style="border:solid 1px #dddddd; float:left; width:45%; padding: 0 12px; margin: 1px;">
<p>■■■■■<br>■■■■■<br>■■■■■</p>
</div>
<br clear="all" />
お気に入りに追加

モバイルのみ表示のご融資も多数ございます。
ぜひ携帯、スマホ、iPhoneでもご覧ください

URLをメール送信