网页导航

93 阅读1分钟
首页 *{ margin:0; padding:0; } .header{ width: 100%; height: 491px; background-color: black; } .header-top{ width: 100%; height: 143px; background-color: black; } .header-top-inner{ width: 995px; height: 143px; background-color: black; margin:0 auto; } .header-top-logo{ width: 452px; height: 143px; background-image: url(images/logo_03.png); float: left; margin-right: 60px } .header-top-logo h1{ width: 452px; height: 143px; background-image: url(images/logo_02.png); } .header-top-logo a{ width: 452px; height: 143px; display: block; text-indent: -3000px; } .header-top-nav{ width: 481px; height: 143px; background-image: url(images/nav_03.png); float:right; } li{ /*清除列表符号*/ list-style: none; /*浮动*/ float: left; height: 143px; /*内部单行文本垂直居中 行高属性=容器高度*/ line-height: 143px; /*字号大小*/ font-size: 12px; /*间距 外间距*/ margin-right: 29px; /*文字颜色*/ color:#7f7f7f } .active{ color:#cb2700; } } h1{ width: 453px; height: 143px; background-image: url(images/nav_03.png); } a{ /*转换为块元素*/ display: block; width: 453px; height: 143px; text-indent: -2000px; } .header-bottom{ width: 100%; height: 348px; background-image: url(images/header-bot_03.png); } .main{ width: 100%; height: 896px; background-image: url(images/main_03.png); } .footer{ width: 100%; height: 124px; background-color: black; }
  • About
  • Foundation
  • Program
  • Leaders
  • Gallery
  • Contacts