Team:HIT-Harbin/header

From 2011.igem.org

(Difference between revisions)
Line 32: Line 32:
       #header{
       #header{
-
          position: relative;
 
           width: 1000px;
           width: 1000px;
           height:150px;
           height:150px;
-
          padding: 0 10px;
 
  margin: 0 auto;
  margin: 0 auto;
           background-color:#a1dcea;
           background-color:#a1dcea;
Line 75: Line 73:
#nav {
#nav {
-
width:965px; /* 设置导航容器的宽度为965px */
+
width:800px; /* 设置导航容器的宽度为800px */
 +
        margin:0 auto;
         hight:45px;
         hight:45px;
         }
         }
Line 90: Line 89:
         float:left;  
         float:left;  
display:block; /* 将内联元素设置为块元素，使其具备宽高 */
display:block; /* 将内联元素设置为块元素，使其具备宽高 */
-
width:115px; /* 设置列表li标签的宽度为100px */
+
width:100px; /* 设置列表li标签的宽度为100px */
-
height:35px; /* 设置列表li标签的高度为35px */
+
height:45px; /* 设置列表li标签的高度为45px */
         padding: 8px 0 0 0;
         padding: 8px 0 0 0;
text-align:center; /* 容器内的文本居中 */
text-align:center; /* 容器内的文本居中 */
text-decoration:none; /* 设置文本无下划线 */
text-decoration:none; /* 设置文本无下划线 */
-
         font-size: 15px;
+
         font-size: 12px;
color:#ffffff; /* 设置锚点a标签的文字颜色 */
color:#ffffff; /* 设置锚点a标签的文字颜色 */
background-color:#a1dcea; /* 设置锚点a标签的背景颜色 */
background-color:#a1dcea; /* 设置锚点a标签的背景颜色 */
}
}
#nav li a:hover {
#nav li a:hover {
-
color:##ffffff;
+
color:#ffffff;
background-color:#83cde1;
background-color:#83cde1;
} /* 当鼠标经过锚点a标签时，改变其原有的文字颜色和背景颜色 */
} /* 当鼠标经过锚点a标签时，改变其原有的文字颜色和背景颜色 */

Revision as of 22:53, 28 August 2011