ここに文章
<div style="border: 1px #ccc solid; padding: 20px; box-shadow: 0 2px 3px 0 #ddd; background: #fff; font-size: 90%;"> ここに文章
ここに文章
<div style="border: 2px #00CC66 solid; padding: 20px; box-shadow: 0 2px 3px 0 #ddd; background: #fff; font-size: 90%;">ここに文章
ここに文章
<div style="border: 3px #FFCCCC solid; padding: 20px; box-shadow: 0 2px 3px 0 #ddd; background: #fff; font-size: 90%;">ここに文章
ここに文章
<div style="padding: 10px 10px; margin: 10px; background: #fff100; box-shadow: #fff100 0 0 10px 10px; -webkit-box-shadow: #fff100 0 0 10px 10px; -moz-box-shadow: #fff100 0 0 10px 10px;">ここに文章
</div>
ここに文章
<div style="padding: 10px 10px; margin: 10px; background: #d99487; box-shadow: #d99487 0 0 10px 10px; -webkit-box-shadow: #d99487 0 0 10px 10px; -moz-box-shadow: #d99487 0 0 10px 10px;">ここに文章
</div>
ここに文章
<div style="color: #3F3F3F; background: #CCFF99; padding: 20px; border: 2px dashed rgba(255,255,255,0.5); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 0 5px #CCFF99, 0 2px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 0 5px #CCFF99, 0 2px 3px 5px rgba(0,0,0,0.5); box-shadow: 0 0 0 5px #CCFF99, 0 2px 3px 5px rgba(0,0,0,0.5); font-size: 90%;">
ここに文章
</div>
ここに文章
<div style="color: #3F3F3F; background: #FFCCFF; padding: 20px; border: 2px dashed rgba(255,255,255,0.5); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 0 5px #FFCCFF, 0 2px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 0 5px #FFCCFF, 0 2px 3px 5px rgba(0,0,0,0.5); box-shadow: 0 0 0 5px #FFCCFF, 0 2px 3px 5px rgba(0,0,0,0.5); font-size: 90%;">
ここに文章
</div>
| グレースケール | ||||||
| #FCFCFC | #F9F9F9 | #F6F6F6 | #F4F4F4 | #EFEFEF | #E9E9E9 | |
| #E4E4E4 | #DFDFDF | #D9D9D9 | #D4D4D4 | #C9C9C9 | #BFBFBF | |
| #B4B4B4 | #AAAAAA | #9F9F9F | #949494 | #7F7F7F | #747474 | |
| #6A6A6A | #555555 | #3F3F3F | #2A2A2A | #151515 | #0A0A0A | |
WEBセーフカラー | ||||||
| #000000 | #003300 | #006600 | #009900 | #00CC00 | #00FF00 | |
| #000033 | #003333 | #006633 | #009933 | #00CC33 | #00FF33 | |
| #000066 | #003366 | #006666 | #009966 | #00CC66 | #00FF66 | |
| #000099 | #003399 | #006699 | #009999 | #00CC99 | #00FF99 | |
| #0000CC | #0033CC | #0066CC | #0099CC | #00CCCC | #00FFCC | |
| #0000FF | #0033FF | #0066FF | #0099FF | #00CCFF | #00FFFF | |
| #330000 | #333300 | #336600 | #339900 | #33CC00 | #33FF00 | |
| #330033 | #333333 | #336633 | #339933 | #33CC33 | #33FF33 | |
| #330066 | #333366 | #336666 | #339966 | #33CC66 | #33FF66 | |
| #330099 | #333399 | #336699 | #339999 | #33CC99 | #33FF99 | |
| #3300CC | #3333CC | #3366CC | #3399CC | #33CCCC | #33FFCC | |
| #3300FF | #3333FF | #3366FF | #3399FF | #33CCFF | #33FFFF | |
| #660000 | #663300 | #666600 | #669900 | #66CC00 | #66FF00 | |
| #660033 | #663333 | #666633 | #669933 | #66CC33 | #66FF33 | |
| #660066 | #663366 | #666666 | #669966 | #66CC66 | #66FF66 | |
| #660099 | #663399 | #666699 | #669999 | #66CC99 | #66FF99 | |
| #6600CC | #6633CC | #6666CC | #6699CC | #66CCCC | #66FFCC | |
| #6600FF | #6633FF | #6666FF | #6699FF | #66CCFF | #66FFFF | |
| #990000 | #993300 | #996600 | #999900 | #99CC00 | #99FF00 | |
| #990033 | #993333 | #996633 | #999933 | #99CC33 | #99FF33 | |
| #990066 | #993366 | #996666 | #999966 | #99CC66 | #99FF66 | |
| #990099 | #993399 | #996699 | #999999 | #99CC99 | #99FF99 | |
| #9900CC | #9933CC | #9966CC | #9999CC | #99CCCC | #99FFCC | |
| #9900FF | #9933FF | #9966FF | #9999FF | #99CCFF | #99FFFF | |
| #CC0000 | #CC3300 | #CC6600 | #CC9900 | #CCCC00 | #CCFF00 | |
| #CC0033 | #CC3333 | #CC6633 | #CC9933 | #CCCC33 | #CCFF33 | |
| #CC0066 | #CC3366 | #CC6666 | #CC9966 | #CCCC66 | #CCFF66 | |
| #CC0099 | #CC3399 | #CC6699 | #CC9999 | #CCCC99 | #CCFF99 | |
| #CC00CC | #CC33CC | #CC66CC | #CC99CC | #CCCCCC | #CCFFCC | |
| #CC00FF | #CC33FF | #CC66FF | #CC99FF | #CCCCFF | #CCFFFF | |
| #FF0000 | #FF3300 | #FF6600 | #FF9900 | #FFCC00 | #FFFF00 | |
| #FF0033 | #FF3333 | #FF6633 | #FF9933 | #FFCC33 | #FFFF33 | |
| #FF0066 | #FF3366 | #FF6666 | #FF9966 | #FFCC66 | #FFFF66 | |
| #FF0099 | #FF3399 | #FF6699 | #FF9999 | #FFCC99 | #FFFF99 | |
| #FF00CC | #FF33CC | #FF66CC | #FF99CC | #FFCCCC | #FFFFCC | |
| #FF00FF | #FF33FF | #FF66FF | #FF99FF | #FFCCFF | #FFFFFF | |
そして色も変えれます！
＃のうしろ部分は色のコードなので下から好きな色に書き換えるとOKです。
ここに文章
<div style="border: 3px #CC99CC solid; padding: 20px; box-shadow: 0 2px 3px 0 #ddd; background: #fff; font-size: 90%;">ここに文章 </div>
あなたのブログのテーマカラーに合わせて
オリジナルの組み合わせも作ってみてくださいね。
Naturalcare salon 花謌
明石市藤江（自宅のため詳細はご予約時）
０７８-９１５-７７７６営業時間 １０ＡＭ～１７ＰＭ
女性専用・駐車場１台有