シンプルなのに目立つゴールドっぽい影付き囲み枠

シンプルなのにエレガントで目立つゴールドっぽい影付き囲み枠です。

文字数に合わせてサイズが変わります。

影付き枠
影付き二重枠
影付き角丸枠
おしゃれな使い方も載せています♥

影付き枠

ゴールドっぽい影付き枠

<div style="display:inline-block; border:3px solid #DFC69B; padding: 15px 15px 10px 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);">本文はここに入力してください。改行はShift+Enterで！</div>

ゴールドっぽい影付き二重枠

<div style="display:inline-block; border:4px double #DFC69B; padding: 15px 15px 10px 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);">本文はここに入力してください。改行はShift+Enterで！</div>

ゴールドっぽい影付き角丸枠

<div style="display:inline-block; border:3px solid #DFC69B; padding: 15px 15px 10px 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); border-radius: 10px;">本文はここに入力してください。改行はShift+Enterで！</div>

枠線の使い方

「ブログを書く」のHTML表示に貼り付けてお使いください。