Created
October 14, 2021 11:18
-
-
Save hidenorihide777/25917e9dae964a8480b079e7b48a75b4 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* グローバルナビゲーション */ | |
.menu { | |
width: 100%; /* 幅を指定 */ | |
padding: 0 0; /* 余白を指定 */ | |
margin-left: 0px; | |
margin-top:0px; | |
position: 0px; | |
} | |
.menu ul{ | |
display: flex; | |
padding: 0; | |
overflow:hidden; /* 高さを出すために指定 */ | |
list-style-type: none; /* リストスタイルを指定 */ | |
background:#ddd; /* 背景色を指定 */ | |
margin-bottom:0px; /* 枠の下周囲の余白を指定 */ | |
text-align: center; /* 文字を真ん中に表示 */ | |
height: 50px; /* 高さを指定 */ | |
} | |
.menu li{ | |
float: left; /* 左に詰めて表示をする */ | |
text-align: center; | |
width:20%; /* 幅を指定 */ | |
margin: 0; | |
} | |
.menu li a{ | |
display: block; /* ブロック表示にする */ | |
margin: 0; | |
line-height:50px; /* 高さを指定 */ | |
color: #000; /* 文字色の指定 */ | |
font-size: 17px; /* 文字の大きさを指定 */ | |
text-decoration: none; /* アンダーラインを消す */ | |
} | |
.menu a:hover{ | |
color: #000000; /* マウスオーバー時の文字色を指定 */ | |
background:#F3FFD8; /* マウスオーバー時の背景色を指定 */ | |
} | |
li+ li { | |
border-left: 5px solid #fff; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment