飾り枠を使って写真等を紹介してみるテスト

Internet ExplorerとGoogle CromeとAndroid標準ブラウザで見えることをテスト済

★トランプ★

★トランプ★

★トランプ★

★トランプ★

見出しに使える飾り枠のテスト

Internet ExplorerとGoogle CromeとAndroid標準ブラウザで見えることをテスト済

---

こちらは○○のブログです

<div style="padding:5px;background:#ffb6c1;width:200px;border-color:#ff00ff;border-width:0 0 0 3px;border-style:solid;">
こちらは○○のブログです</div>

---

こちらは○○のブログです

<div style="padding:3px;background:#dc143c;">
<div style="padding:5px;background:#ffb6c1;border-color:#FFFFFF #ff69b4 #ff69b4 #FFFFFF;border-width:1px;border-style:solid;">
こちらは○○のブログです</div></div>

---

こちらは○○のブログです

<div style="border-bottom:1px dashed #8f6743;padding:2px;letter-spacing:1px">
<div style="padding:2px 10px;background:#8f6743;color:#fff;letter-spacing:2px;width:130px">
こちらは○○のブログです

</div></div>

---

罫線のテスト

Internet ExplorerとGoogle CromeとAndroid標準ブラウザで見えることをテスト済
Androidのブラウザだと③と④はじゃっかんおかしいけど許容範囲内、と思う・・・


①

---

<hr style="border-style:dashed;color:#ff00ff">
②

---

<hr style="border-style:dotted;color:#ff00ff">
③

---

<hr style="border-style:inset;color:#ff00ff">
④

---

<hr style="border-width:10px;color:#ff00ff;border-style:solid">