console
<div class="zhengti">
<div class="top"></div>
<div class="top2"></div>
<div class="style3">
<ul>
<li><a href="#"><strong></strong>首页</a></li>
<li><a href="#"><strong></strong>关于</a></li>
<li><a href="#"><strong></strong>联系我们</a></li>
<li><a href="#"><strong></strong>邮箱地址</a></li>
</ul>
</div>
<div class="content">
<div class="leftcontent"><h2>新闻分类</h2>
<ul>
<li><a href="#">国内热点</a></li>
<li><a href="#">国外时事</a></li>
<li><a href="#">娱乐八卦</a></li>
</ul>
<h2>专项专题</h2>
<ul>
<li><a href="#">科技进步</a></li>
<li><a href="#">搞笑欢乐</a></li>
<li><a href="#">自然科学</a></li>
<li><a href="#">信息时代</a></li>
<li><a href="#">每日一解</a></li>
<li><a href="#">动物世界</a></li>
</ul>
</div>
<div class="rightcontent">
<div class="center">
<div class="post">
<h2><a href="#" rel="bookmark">欢迎走进</a></h2>
<div class="enter"> <img src="" align="left" />
<p></p>
<img src="" >
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>Copyright©2017 网络服务中心 All Rights Reserved</p>
</div>
</div>
body{
margin:0pt;
padding:0pt;
font-family:0pt;
font-size:20px;
color:rgb(102,102,102);
}
.zhengti{
margin-top:0pt;
background-color:white;
width:800px;
}
.top{
background:url()repeat-y center top;
height:83px;
clear:both;
width:800px;
padding-left:30px;
padding-right:30px;
margin-top:0px;
}
.top2{
background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493110374037&di=318ee276d7bf9e2d020579281705da09&imgtype=0&src=http%3A%2F%2Fscimg.jb51.net%2Fallimg%2F151106%2F14-1511061A0240-L.jpg) no-repeat left center;
float:left;
width:350px;
height:83px;
margin-top:0px;
}
.style{
background:url(https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2540415688,1242755799&fm=23&gp=0.jpg)repeat center top;
height:225px;
font-family:Arial;
font-size:18px;
}
.style3{
padding:12px 34px 30px 30px;
text-align:right;
}
.style3 ul{
margin:0px;
list-style-type:none;
list-style-image:none;
list-style-position:outside;
}
.style3 li{
padding:0pt 9px;
display:inline;
}
.style3 li a:link,.style3 li a:visited{
margin:0px;
color:#08519C;
text-decoration:none;
}
.style3 li a:hover{
margin:0px;
color:rgb(176,0,0);
text-decoration:underline;
}
.content{
clear:both;
width:750px;
}
.content.leftcontent{
margin:0pt;
padding:10px 8px 10px 25px;
float:left;
width:225px;
}
.leftcontent h2,.leftcontent h2 a{
font-size:25x;
}
.leftcontent ul{
margin:0pt;
padding:0pt 0pt 5px;
font-size:18px;
font-family:"宋体";
list-style-type:none;
}
.leftcontent li{
margin:7px 0px;
padding-left:30px;
}
.leftcontent a:link,.leftcontent a:visited{
color:rgb(102,102,102);
font-weight:normal;
text-decoration:none;
}
.leftcontent a:hover{
color:rgb(176,0,0);
font-weight:bold;
text-decoration:none;
}
.content.rightcontent{
padding:15px 0px 10px 8px;
float:right;
width:470px;
}
.rightcontent h2,.rightcontent h2 a{
margin:0pt;
padding:0pt;
font-size:18px;
color:rgb(85,85,85);
letter-spacing:0px;
font-weight:normal;
text-decoration:none;
}
.rightcontent h2 a:hover{
margin:0pt;
padding:0pt;
font-size:18px;
color:rgb(180,0,0);
letter-spacing:0px;
font-weight:normal;
text-decoration:none;
}
.center p{
margin:5px 0px;
font-size:12px;
line-height:1.5;
text-indent:2em;
}
.footer{
width:702px;
height:40px;
margin-left:12px;
padding-top:10px;
padding-left:34px;
border-top:1px solid #999;
clear:both;
font-size:12px;
color:#08519C;
}
.footer p{
text-align:center;
margin:0pt;
padding:0pt;
}