Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
/* グローバルナビゲーション */
.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