Team:XMU-China/css/home

@charset "utf-8"; /* CSS Document */ body { width: 100%; margin:0; padding:0; overflow: auto; background-image: url(../pictures/T--XMU-China--homebackground.png); } .picture{ width: 100%; text-align: center; margin-top:50px; } .picture .xmu{ width:270px; height:270px; } table{ margin:0 auto; } .guide{ font-family:"fredericka-the-great",Helvetica, Arial, "sans-serif"; width: 100%; } .guide #line { font-size: 22px; letter-spacing: 2px; margin:0 15px; } .guide ul{/*这里必须设置内边距和外边距，因为浏览器会给ul设定默认值，会把导航栏挤歪*/ margin: 0; padding: 0; list-style: none; } .guide li.dropdown{/*本来ul是竖直排列的，对所有li元素进行float:left他就会自动全部靠左*/ margin-left: 5px; float: left;

} .guide ul li a,.guide ul li a:hover {/*对所有项目a标签设置统一样式*/ display: block; text-align: center; text-decoration: none; height:50px; line-height: 50px;/*height和line-height设置为一样的高度文字就会水平竖直居中 */ font-size: 22px; } .guide ul li a{/*统一设置导航栏栏目样式*/ color: #000000; } .guide ul li a:hover{ color:#FFFFFF; } .guide ul li:hover a span{ color: #000000; } .guide ul li#Home:hover a {/*鼠标移上去的时候字体和背景都会变色，移开又会变回来 */ color: #CC3300; } .guide ul li#Project:hover a{ color:#00CC33; } .guide ul li#Notebook:hover a{ color: #FF9900; } .guide ul li#Hardware:hover a{ color:#0099FF; } .guide ul li#HP:hover a{ color:#FF0099; } .guide ul li#Team:hover a{ color: #9900FF; } .guide ul li ul {/*实现下拉菜单隐藏*/ display: none; } .guide ul li:hover ul {/*这里是弹出的下拉菜单*/ display: block; position: relative; } .guide ul li#Project:hover ul{ right:10px; } .guide ul li#Hardware:hover ul{ right:10px; } .guide ul li#HP:hover ul{ right:10px; } .guide ul li#Notebook:hover ul{ right:10px; } .guide ul li#Team:hover ul{ right:95px; } .guide ul li:hover ul li a {/*定义下拉菜单里的a标签*/ display: block; font-size: 18px; } .guide ul li:hover ul li a:hover {/*下拉菜单a标签的伪类设置*/ color:#FFFFFF !important; text-shadow: 0px 0px 10px #000000; } .guide ul li:hover span.slash{ text-decoration: none; list-style: none; } color: #000000;