Team:menubar/css

From 2010.igem.org

ul#menubar {

  margin: 0px; /* ul内部の左端余白を消す(IE) */
  padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */

} ul#menubar li {

  list-style-type: none; /* 先頭記号を消す */
  float: left; /* リスト項目を横方向に並べる */
  margin: 0.3em 0.1em; /* 各項目周囲の余白 */
  border: 1px gray solid; /* 項目の枠線 */
  padding: 0px; /* 枠線と内容の距離をゼロに */

}

/* メニュー項目のリンクを装飾 */ ul#menubar li a {

  text-decoration: none; /* 下線を消す */
  display: block; /* ブロックレベルに */
  padding: 0.3em; /* 内部の余白 */

} ul#menubar li a:hover {

  background-color: blue; /* 背景色 */
  color: white; /* 文字色 */

}