札幌市厚別区のカラーセラピー色育サロン
色の通訳師花緒里です。
↑↑↑この記事内のメニューバーの作り方です。
ヘッダーの下に表示したグローバルメニュー（メニューバー）は、携帯では見ることができません。
携帯で記事本文だけ読んでいる方のために、記事内にメニューバーを表示しています。
↑この枠組みを表示させるタグは、
<div style="border: 1px solid; padding: 3px; background-color: #ffffff; margin: 2px; color: #0099d4; font-size: 14px; font-weight: normal; text-decoration: none; border-radius: 10px; box-shadow: 5px 5px 5px #aaaaaa"><font color=black>◇<a href="リンク先のアドレス"><u><b>メニュー（表示したい文字）</b></u></a></font></div>
赤い文字の部分を変更し、表示したい記事の中にコピー＆ペーストで表示されます。
枠の線の種類を変えるには、
border: 1px solid;を（実線）
border: 1px dotted; （点線）
border: 1px dashed; （破線）に変更。
背景色を変更するには、
background-color:#ffffff; カラーコード#ffffffを変更。
線の色を変えるには、
color: #0099d4; カラーコード#0099d4を変更。
枠の角を丸くする
border-radius: 10px;
丸みの大きさを変更するには、10pxの数字を変更。
角を丸くしない場合は、border-radius: 10px; を削除。
影をつける
box-shadow: 5px 5px 5px #aaaaaa
影の色を変える場合、#aaaaaaを変更。
影の幅を変える場合、5pxの数字を変更。
影を消す場合、box-shadow: 5px 5px 5px #aaaaaa を削除。
線の種類を変更したり、色を変えて好みのメニューバーにすることができます。
札幌市厚別区の子育て中のママの悩み相談はカラーセラピー色育サロンへ