Web CSSテンプレート

カスタマイズ方法｜ナビゲーション

変更部分

• #globalnavi

背景色を変更する

#globalnavi {
  width: 100%;
  position: relative;
}

/* ---------------------------------------- #globalnaviの指定 */

#globalnavi ul {
  width: 800px;
  list-style-type: none;
  position: absolute;
  background-color: #0099ff; ----- 背景色
}

#globalnavi li {
  text-align: center;
  width: 159px;
  float: left;
  border-left: 1px solid #ffffff; ----- borderの色
}

#globalnavi .navi01{
  width: 160px;
  border: none;
}

#globalnavi li a {
  text-decoration: none;
  display: block;
  width: auto;
  padding: 0.5em 0;
  background-color: #0099ff; ----- 背景色
  color: #000000; ----- 文字色
}

#globalnavi li a:hover {
  background-color: #99ccff; ----- マウスオーバー時の背景色
  color: #ff0000; ----- マウスオーバー時の文字色
}

• Previous 文字の大きさを変更する
• 背景色の指定 Next