console
<div class="zongti">
<div class="class1">
<p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493109921131&di=44318ae9a70ed7afca1a2a348655c4c3&imgtype=0&src=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F16%2F64%2F20%2F64n58PICeVp_1024.jpg"
width="200px" height="50px">
<b>
获取最新新闻资讯
</b>
</p>
</div>
<div>
<nav class="class2">
<a href="#">
<b>
首页
</b>
</a>
|
<a href="#">
<b>
百家
</b>
</a>
|
<a href="#">
<b>
财经
</b>
</a>
|
<a href="#">
<b>
娱乐
</b>
</a>
|
<a href="#">
<b>
军事
</b>
</a>
|
<a href="#">
<b>
体育
</b>
</a>
|
<a href="#">
<b>
汽车
</b>
</a>
|
<a href="#">
<b>
时尚
</b>
</a>
|
<a href="#">
<b>
互联网
</b>
</a>
|
<a href="#">
<b>
金融
</b>
</a>
|
<a href="#">
<b>
国际
</b>
</a>
|
<a href="#">
<b>
科技
</b>
</a>
|
<a href="#">
<b>
专题
</b>
</a>
|
<a href="#">
<b>
游戏
</b>
</a>
|
<a href="#">
<b>
女人
</b>
</a>
</nav>
</div>
<div class="class5" align="center">
<div class="col-md-6 ">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="">
</li>
<li data-target="#carousel-example-generic" data-slide-to="1" class="">
</li>
<li data-target="#carousel-example-generic" data-slide-to="2" class="active">
</li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item">
<img data-src="holder.js/1200x500/auto/#777:#555/text:First slide" alt="First slide [1200x500]"
src="http://p3.so.qhimgs1.com/bdr/_240_/t014d55758430404513.jpg"
width="1200" height="500" data-holder-rendered="true">
</div>
<div class="item">
<img data-src="holder.js/1200x500/auto/#777:#555/text:Second slide" alt="Second slide [1200x500]"
src="http://p2.so.qhimgs1.com/bdr/_240_/t0163be2eb8352e6f5e.jpg"
width="1200" height="500" data-holder-rendered="true">
</div>
<div class="item active">
<img data-src="holder.js/1200x500/auto/#777:#555/text:Third slide" alt="Third slide [1200x500]"
src="http://p2.so.qhimgs1.com/bdr/_240_/t014d9d01d4af2ac8b2.jpg"
width="1200" height="500" data-holder-rendered="true">
</div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" role="button"
data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true">
</span>
<span class="sr-only">
Previous
</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button"
data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true">
</span>
<span class="sr-only">
Next
</span>
</a>
</div>
<aside>
<li><a href="#">(1)nba超级球星加内特正式宣布退役。</a></li>
<li><a href="#">(2)习近平总书记参观指导青少年足球队。</a></li>
<li><a href="#">(1)刘翔重谈往事伤心落泪。</a></li>
</aside>
</div>
<aside>
<div class="class3" style="float:left;">
<li><b><a href="#">中国申办足协辟谣梦想未止步</a></b></li>
<li><a href="#">女篮大赛三连胜，主教练称赞</a></li>
<li><a href="#">羽毛球主教练李永波下台</a></li>
<li><a href="#">我国乒乓球队大名单确定</a></li>
<li><a href="#">周琦参加nba选秀落选</a></li>
<li><a href="#">国足只剩下理论上出现可能</a></li>
<hr />
<li><b><a href="#">中国申办足协辟谣梦想未止步</a></b></li>
<li><a href="#">女篮大赛三连胜，主教练称赞</a></li>
<li><a href="#">羽毛球主教练李永波下台</a></li>
<li><a href="#">我国乒乓球队大名单确定</a></li>
<li><a href="#">周琦参加nba选秀落选</a></li>
<li><a href="#">国足只剩下理论上出现可能</a></li>
<hr />
<li><b><a href="#">中国申办足协辟谣梦想未止步</a></b></li>
<li><a href="#">女篮大赛三连胜，主教练称赞</a></li>
<li><a href="#">>羽毛球主教练李永波下台</a></li>
<li><a href="#">我国乒乓球队大名单确定</a></li>
<li><a href="#">周琦参加nba选秀落选</a></li>
<li><a href="#">国足只剩下理论上出现可能</a></li>
</div>
</aside>
<div class="class6" style="float:right;">
<section>
<div align=center>
<b><h4> ___vs体育比赛___</h4></b>
</div>
<hr />
<div align=center>
<p><a href=".">勇士 05-09 8：00 爵士</a></p>
</div>
<hr />
<div align=center>
<p><a href=".">巴萨 05-09 8：00 切尔西</a></p>
</div>
<hr />
<div align=center>
<p><a href=".">火箭 05-09 8：00 马刺</a></p>
</div>
<hr />
<div align=center>
<p><a href=".">皇马 05-09 8：00 阿森纳</a></p>
</div>
<hr />
<div align=center>
<p><a href=".">尤文图斯 05-09 8：00 曼联</a></p>
</div>
<hr />
<div align=center>
<p><a href=".">恒大 05-09 8：00 建业</a></p>
</div>
<hr />
<div align=center>
<p><a href=".">鲁能 05-09 8：00 申花</a></p>
</div>
</section>
</div>
</div>
<div>
<hr class="featurette-divider">
<footer style="float:right;">
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2016 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer></div>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500" preserveAspectRatio="none" style="display: none; visibility: hidden; position: absolute; top: -100%; left: -100%;"><defs></defs><text x="0" y="25" style="font-weight:bold;font-size:25pt;font-family:Arial, Helvetica, Open Sans, sans-serif">500x500</text></svg>
.zongti {
width: 1200px;
margin: auto;
}
.class1 {
text-align: left;
height: 50px;
}
.class2 {
text-align: center;
background-color: #000066;
margin: 0px;
padding: 25px;
height: 5px;
}
.class3 {
border-style: solid;
border-color: white;
width: 300px;
height: 600px;
color: black;
}
.ziti {
color: black;
}
nav a:link {
color: white;
text-decoration: none;
}
nav a:visited {
color: white;
}
nav a:hover {
text-align: center;
margin: 0px;
padding: 10px;
}
section a:link {
color: white;
}
section a:visited {
color: gray;
}
section a:hover {
text-align: center;
margin: 0px;
padding: 10px;
}
aside a:link {
color: black;
}
aside a:visited {
color: black;
}
aside a:hover {
text-align: center;
margin: 0px;
padding: 10px;
}
.class5 {
margin: auto;
height: 500px;
width:px;
}
.class6 {
border-style: solid;
border-color: white;
width: 300px;
color: black;
background-color:#5599FF;
}
.class7 {
text-align: center;
background-color: #000066;
margin: 0px;
padding: 25px;
height: 5px;