07-西电审核--主要内容--主要信息区

HTML

CSS

.main-info {
  margin-top:8px;
}

左侧导航

  ![](img/jiao-xue-oa.png)
  ![](img/zhuang-tai-shu-ju.png)
  ![](img/xue-yuan-ping-gu.png)
  ![](img/zhi-liang-bao-gao.png)

CSS

.main-info .left-aside {
  width:248px;
}
.main-info .left-aside a{
   display: inline-block;
   margin-bottom: 6px;
}
.main-info .left-aside img{
   vertical-align: top;
}

图片轮播

HTML

  ![](img/carousel.png)

CSS

.main-info .carousel {
  margin-left: 27px;
}

通知公告

  

    
通知公告
    
    NOTICE
  
  

    更多
  

  

.info-header {
   padding-top: 16px;
   padding-bottom: 11px;
   border-bottom: 1px solid #333;
   color:#676767;
   position: relative;
}
.info-header h2 {
  display: inline-block;
  font-size: 20px;
}
.info-header .spacer {
  display: inline-block;
  height:12px;
  border-left:1px solid #676767;
}
.info-header .sub-title {
  font-size: 12px;
}
.more {
  font-size: 12px;
  color:#989898;
}
.underline {
  width: 82px;
  border:1px solid #b0252a;
  position: absolute;
  bottom: 0;
}

背景颜色与字体颜色