魅せるブログ 色の専門家
キレイデザイン学インストラクター、パソコンインストラクターの(かなわ ひろみ)です。
『メニュー・お客様の声など、掲載したい。』
掲載する時、
ただ、
掲載するだけじゃ無く、
画像とレシピ同時に、強調して載せたい
って、思いませんか
茶色は、伝統や歴史を感じさせる色合いです。
信頼感、
そして、
安心感を想起させる効果が有ります。
引用URL:https://asobo-design.com/nex/column-28-2515.html
ゴールドと組み合わせるのも、キレイです。
背景が、茶系だと
文字も、白・黒、どちらも映えますよね
・枯茶(からちゃ)
(コピペして使用してください)
↓
<div style="border-bottom: 2px solid rgb(222, 176, 104); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="ハート" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/bl/blue-pearl66/11479.gif" width="16"> <font color="#ffffff">レシピ</font></div>
<p style="color: #333333;"> </p>
<p style="color: #333333;"> </p></div></div>
代表的なのは大地や木材の茶色でしょう。
だから、落ち着くんでしょうね
・土色(つちいろ)
(コピペして使用してください)
↓
<div style="border-bottom: 2px solid rgb(234, 244, 252); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="宝石" data-ameba-id="ayaope" data-id="425529" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/ay/ayaope/425529.gif" width="16"> <font color="#007bbb"> お客様の声</font></div>
<p style="color: #333333;"> </p>
<p style="color: #333333;"> </p></div>
・桑茶(くわちゃ)
(コピペして使用してください)
↓
<div style="border-bottom: 2px solid rgb(234, 244, 252); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="宝石" data-ameba-id="ayaope" data-id="425529" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/ay/ayaope/425529.gif" width="16"> <font color="#e9e4d4"> お客様の声</font></div>
<p style="color: #333333;"> </p>
<p style="color: #333333;"> </p></div>
・国防色(こくぼうしょく)
(コピペして使用してください)
↓
本日も、お読み下さりありがとうございます。
①HTML表示にしましょう
②ソースを入れましょう
③通常表示に戻しましょう
④出来上がり(必ず、表示が正しいか確認してください)
①HTML表示にしましょう
②ソースを入れましょう
③通常表示に戻しましょう
文字の入力・絵文字を入れると素敵な囲み枠になりますよ
④出来上がり(必ず、表示が正しいか確認してください)
プレビュー画面で、必ず、確認してくださいね