Team:NoKoGen/css

(Difference between revisions)

Revision as of 05:22, 19 October 2010

ul#menubar {

  margin: 0px;
  padding: 0px;

} 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;

}

@@ Line 1: / Line 1: @@
 ul#menubar {
-    margin: 0px; /* ul内部の左端余白を消す(IE) */
+    margin: 0px;
-    padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */
+    padding: 0px;
 }
 ul#menubar li {
-    list-style-type: none; /* 先頭記号を消す */
+    list-style-type: none;
-    float: left; /* リスト項目を横方向に並べる */
+    float: left;
-    margin: 0.3em 0.1em; /* 各項目周囲の余白 */
+    margin: 0.3em 0.1em;
-    border: 1px gray solid; /* 項目の枠線 */
+    border: 1px gray solid;
-    padding: 0px; /* 枠線と内容の距離をゼロに */
+    padding: 0px;
 }
-/* メニュー項目のリンクを装飾 */
 ul#menubar li a {
-    text-decoration: none; /* 下線を消す */
+    text-decoration: none;
-    display: block; /* ブロックレベルに */
+    display: block;
-    padding: 0.3em; /* 内部の余白 */
+    padding: 0.3em;
 }
 ul#menubar li a:hover {
-    background-color: blue; /* 背景色 */
+    background-color: blue;
-    color: white; /* 文字色 */
+    color: white;
 }