菜单

PHP初入,简易网页整理(mg娱乐场www4355com布局&特效的施用)

2019年4月16日 - mg娱乐场www4355com

html>
<html>
<head>
<meta charset=”UTF-8″>
<title></title>
<style>
/*全局设置*/
*{
margin: 0px;
padding: 0px;
}
.all{
width: 100%;
height: 100%;
border: 0px solid black;
position: absolute;
}
.top{
width: 950px;
height: 30px;
border: 0px solid black;
margin: auto;
background-color: cadetblue;
text-align: center;
line-height: 30px;
/*绝对与寞私下认可地点的位移*/
position: relative;
/*top: 0px;
right: 150px;*/
top: 0px;
left:2px;
}

.logo{
width: 950px;
height: 200px;
border: 0px solid black;
overflow: hidden;
margin-right: 200px;
/*position: relative;
top: 0px;*/
line-height: 200px;
text-align: center;
margin: auto;
}
.nav-top{
width: 950px;
height: 30px;
border: 0px solid black;
margin: auto;
line-height: 30px;
text-align: center;
background-color: orange;
}
.gps{
width: 950px;
height: 30px;
border: 0px solid black;
margin: auto;
/*使字体居中*/
line-height: 30px;
text-align: left;
}
.right-code{
/*锁定地点*/
position: fixed;
left: 0px;
top: 160px;
}
.left-code{
/*锁定地方*/
position: fixed;
right: 0px;
top: 160px;
}
.left-new{
position: fixed;
right: 0px;
top: 300px;
}
.right-new{
position: fixed;
left: 0px;
top: 300px;
}
a{
text-decoration: none; /*超链接去字体下划线*/
color: #000000;

}

/*正文start*/
.tt{
width: 950px;
height: 670px;
border: 0px solid black;
align-content: center;
margin: auto;
position: relative;
line-height: 28px;
}
.left-top{
width: 223px;
height: 215px;
border: 0px solid black;
/*相对与寞暗许位置的运动*/
position:relative;
top: 0px;
left:0px;
/*background-color: red;*/
}
.right-top{
width: 223px;
height: 210px;
border: 0px solid black;
position: absolute;
right: 0px;
top: 32px;
/*background-color: blueviolet;*/
overflow: hidden;
}
.missdle-top{
width: 495px;
height: 340px;
margin: auto;
border: 0px solid black;
position: relative;
top: -425px;
/*background-color: powderblue;*/
}
.left-missdle{
width: 223px;
height: 210px;
border: 0px solid black;
position: relative;
top: 0px;
left: 0px;
line-height: 30px;
/* background-color: orangered;*/
}
.right-missdle{
width: 220px;
height: 310px;
border: 0px solid black;
position: absolute;
top: 245px;
right: 0px;
/*background-color: deepskyblue;*/
}
.right-bottom{
width: 223px;
height: 70px;
border: 0px solid black;
position: absolute;
top: 570px;
right: 0px;
/*background-color: palevioletred;*/
}
.left-bottom{
width: 223px;
height: 200px;
border: 0px solid black;
position: absolute;
top: 467px;
left: 0px;
/*background-color: red;*/
}
.missdle-bottom{
width: 495px;
height: 293px;
border: 0px solid black;
position: absolute;
top: 375px;
left: 227px;
}
.job{
position: absolute;
top: 0px;
left: 0px;
}
.jpg{
position: absolute;
top: 0px;
}

/*第一模块*/
.two-all{
position: relative;
width: 950px;
height: 670px;
border: 0px solid black;
align-content: center;
margin: auto;
position: relative;
line-height: 28px;
}

.zibo-logo{
position: relative;
top: 10px;
left: 0px;
}
</style>
</head>
<body bgcolor=”white”>
<!–全局–>
<!–<div class=”all”>–>
<!–最上面广告栏–>
<div class=”top”>
迎接来到东营市政坛中央网址。
<input type=”text” />
<input type=”submit” width=”100px” height=”10px” />
</div>

<!–logo栏–>
<div class=”logo”>
<img src=”logo.jpg” />
</div>

<!–nav-top导航栏–>
<div class=”nav-top”>
<<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨首页</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨职业意况</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨服务指南</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨专题专栏</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨在线答复质询</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨法律法规</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨考试消息</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨党的建设园地</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨政策音信</a>  
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” /> 丨政党公开</a>  
</div>

<!–固定地点专用,–>
<div class=”tt”>
<!–地点导航栏–>
<div class=”gps”>您将来的岗位: 滨州市人力能源和社会保障网
>> 首页</div>

<!–正文左上–>
<div class=”left-top”>
<div class=”left-top-img”></div>
<img src=”专题专栏.jpg” />
<ul style=”list-style: none;”>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  毕业生档案查询</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  公务员招考</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  职业单位招聘</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  参保缴费查询</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  社会养老保险卡查询</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  战绩查询</a></li>
</ul>
</div>

<!–正文右上–>
<div class=”right-top”>
<img src=”通告通知.jpg” />
<ul style=”list-style: none;”>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  文告:20一七东营市公安</a>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  公告:20壹7日照市消防</a>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  公告:2017临沂市防震</a>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  文告:201七烟台市畅通</a>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  布告:201柒荷泽市城市级管制理</a>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  公告:20一七烟台市平安</a>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  布告:20一七荷泽市政务</a>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  布告:20一七威海市小车</a>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  布告:20一柒莱芜市油品</a>
</div>

<!–正文左中–>
<div class=”left-missdle”>
<img src=”机构划设想置.jpg” />
<ul type=”circle”>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  领导班子</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  机构职务</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  直属单位</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank” />  区或县机关</a></li>
</ul>
</div>

<!–正文右中–>
<div class=”right-missdle”>
<img src=”党的建设园地.jpg” />

<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  市人社局中国共产党的委员会集体集体上学</a><br />
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  弘扬优异家风,抓牢廉洁勤政建设</a><br />
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  市人社局中国共产党的委员会书记上专题党课</a><br />
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  市人社局组织党员到原山革命根据地张开拓风学习</a><br
/>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  市人社局举行”两学一做”专项学习大会</a><br
/>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  市人社局中国共产党的委员会理论学习大旨协会进行学习大会</a><br
/>
<a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  市人社局两学一做正在进展中</a><br />

</div>

<!–正文左下–>
<div class=”left-bottom”>
<img src=”4大框.jpg” />
</div>

<!–正文右下–>
<div class=”right-bottom”>
<div class=”jpg”>
<img src=”公告.jpg”/></div>
</div>

<!–正文中上–>
<div class=”missdle-top”>
<img src=”missdle-top.jpg” />
</div>

<!–正文中下–>
<div class=”missdle-bottom”>
<div class=”job”>
<img src=”职业动态.jpg” /></div><br />
<ul style=”list-style: none;”>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  公告:二〇一七年十月117扶桑市警察方全部干警出动,只为一举缉拿东瀛省</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  通知:201七东营市消防队伍全体出征,对青海地震区域张开抗震救济灾民活动</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  文告:20一7德州市防震布署委发表音信称:广西处于内陆地区版块,</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  公告:20一七临沂市交通局公布第八7号令,个中详细要求作者市机高铁不得..</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  布告:20壹7荷泽市城市管理大队出征,一举化解日本省武装反抗技能,对全球</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  布告:2017枣庄市康宁</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  通知:20一柒日照市行政事务</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  公告:20一七日照市小车</a></li>
<li><a
href=”http://www.weibo.com/?c=spr\_sinamkt\_buy\_hyww\_weibo\_t112
target=”_blank”
/>  通知:20一七威海市油品</a></li>
</div>

</div>

<div class=”two-all”>
<div class=”zibo-logo”>
<img src=”淄博logo.jpg” /></div>
</div>

<!–左边广告栏–>
<div class=”left-new”>
<img src=”国务院.jpg” />
</div>
<!–左边广告栏–>
<div class=”right-new”>
<img src=”国务院.jpg” />
</div>
<!–左侧2维码–>
<div class=”left-code”>
<img src=”二维码.jpg” />
</div>
<!–左边贰维码–>
<div class=”right-code”>
<img src=”二维码.jpg” />
</div>

<!– </div>–>
</body>
</html>

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图