ナビゲーションバー

※ブラウザで表示した時の見え方

HOME - PROFILE - BBS - POEM

※ソースサンプル

【CSS】
.navi {
background-color: #cce6ff;
font-family: Courier;
text-align: right;
border-bottom: #00bfff 2px solid;
padding: 5px 7px 0px 0px
}
【HTML】
<div class="navi">HOME - PROFILE - BBS - POEM</div>

※ブラウザで表示した時の見え方

HOME - PROFILE - BBS - POEM

※ソースサンプル

【CSS】
.navi2 {
background-color: #dcf0e4;
color: #336644;
font-weight: 700;
font-family: "Times New Roman";
text-align: center;
border-top: #336644 4px double;
border-bottom: #336644 4px double;
padding: 0px 5px
}
【HTML】
<div class="navi2">HOME - PROFILE - BBS - POEM</div>

※ブラウザで表示した時の見え方

HOME - PROFILE - BBS - POEM

※ソースサンプル

【CSS】
.navi3 {
background-color: #cc8866;
color: #ffffff;
font-family: "Comic Sans MS";
border: #cc8866 3px dashed;
padding: 2px 7px;
width: 100%
}
【HTML】
<div class="navi3">HOME - PROFILE - BBS - POEM</div>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]