博雅页面

时间 2019-12-09
标签博雅页面繁體版
原文原文链接
<!DOCTYPE html>
<html>
<head>
	
<meta charset="UTF-8">
	<title>博雅设计图</title>
	<style type="text/css">

.header {
　　　　　　//头部，设置宽高及其背景颜色
	height:60PX;
	width: 1200px;
	background-color: #192144;
}
.header .image {
　　　　　　//logo图标居左100和浮动设置
	margin-left: 100px;
	float: left;
}
.header .left li {
　　　　　　//首页 无序列表 布局设置
	list-style: none;
	float: left;
	height: 60px;
	width: 80px;
	color: white;
	margin-left: 30px;
}

.header .left li a {
　　　　//连接设置，顶部中无序列表的li标签都是能够点击的，因此加了连接
	color: white;
	text-decoration: none;
	text-align: center;
	line-height: 60px;

}

.header li img {
　　　　//点击加入咱们
 	margin-top: 10px;
}

.content img{
　　　　//顶部下的大图
	height:300px;
	width: 1200px;

}
.image1 {
	margin-left: 30px;
	height: 160px;
	width: 220px;
	margin-top: 30px;
}
.image2 {
	margin-left: 70px;
	height: 160px;
	width: 220px;
	margin-top: 30px;
	float: left;
}
 .labelima li {

	list-style: none;
	float: left;
	width: 120px;
	height: 80px;
	
	
}

 .yule .bp {
 	float: left;
 	list-style: none;
 	height: 30px;
 	width: 160px;
 	margin-left: 60px;
 	text-align: center;
 }
 .yule .qita {
 	float: left;
 	list-style: none;
 	height: 30px;
 	width: 160px;
 	text-align: center;
 	margin-left: 50px;
 }
 a {
 	color: #00FF7F;
 }



 .xinwen  {
　　　　　　//博雅新闻
 	float: left;
 	margin-left: 50px;
 	margin-top: 50px;
	float: left;
 }
 .xinwen img {
 	//图片
 	height: 150px;
 	width: 500px;

 }
 .xinwen a {
　　　　　　//连接
	width: 500px;
	height: 50px;
	font-size: 22px;
	text-decoration: none;
	color: black;
	font-size: 17px;


 }
  .datu {
　　　　　　//专场
 	margin-top: 50px;
 	height: 315px;
 	width: 500px;
 	background-image: url(byhrbg3.jpg);
 	float: left;

 }

 .datu h2 {
　　　　　　//专场文字
 	color: white;
 	margin-top: 40px;
 	margin-left: 70px;
  }
 .datu h5{
 	color: white;
 	margin-left: 70px;
 	margin-top: -10px;
 }
 .datu dl {
 	color: white;
 	height: 30px;

 }
 .datu dl dt {
 	padding-left: 40px;

 }
 .footer {
　　　　//尾部
 	margin-top: 30px;
 	height: 100px;
 	width: 1200px;
 	background-color: #192144;
 	float: left;
 	
 }
 .footer p {
　　　　　　//免费声明
 	color: gray;
 	margin-left: 50px;
 	width: 120px;
 	height: 100px;
 	line-height: 100px;
 	text-align: center;
 	margin-top: 0px;
 	font-size: 12px;
 	float: left;

 }
 .footer .last {
　　　　//
 	color: gray;
 	width: 1400px;
 	margin-top: -115px;
 	margin-left: -40px;
 	float: left;

 }
 
 .footer img {
　　　　//工商图片
 	width: 50px;
 	margin-top: 10px;
 	height: 70px;
 	margin-left: 950px;
 	padding-top: 5px;
 	padding-bottom: 20px;


 }

	</style>

</head>
<body>
	
	<div class="header">

		<div class="image"><img src="logo.png" ></div>

		<div class="left">
			<ul>

				<li><a href="http://www.boyaa.com/index.html">首页</a></li>
				<li><a href="http://www.boyaa.com/game.html">博雅游戏</a></li>
				<li><a href="http://www.boyaa.com/news.html">博雅新闻</a></li>
				<li><a href="http://www.boyaa.com/about.html">关于咱们</a></li>
				<li><a href="http://www.boyaa.com/services.html">客服中心</a></li>
				<li><a href="http://www.boyaa.com.hk/s/investor.php">投资者关系</a></li>
				<li><img src="jrwm.png"></li>
			</ul>
		</div>



	<div class="content"><img src="banner.jpg"></div>	


	<div class="content1">
	
	
		 <img src="pro1.jpg" class="image2">
		 <img src="pro2.jpg" class="image1">
		 <img src="pro3.jpg" class="image1">
		 <img src="pro4.jpg" class="image1">
		 <div class="yule">
		 	<ul class="bp">
		 		<li>BPT宣传片</li>
		 		<li><a href="#">点击播放</a><img src="sanjiaoxing.png"></li>  
		 	</ul>

		 	<ul class="qita">
		 		<li>互动宣传视频</li>
		 		<li><a href="#">点击播放</a><img src="sanjiaoxing.png"></li>  
		 	</ul>
		 
		 	<ul class="qita">
		 		<li>斗地主</li>
		 		<li><a href="http://www.boyaa.com/landlords.html">vdsvdsav</a><img src="sanjiaoxing.png"></li>  </ul>

			 <ul class="qita">
		 			<li>德州扑克</li>
		 			<li><a href="http://www.boyaa.com/texas_poker.html">grregrewg</a><img src="sanjiaoxing.png"></li>  
		 	</ul>
	
		 </div>
</div>







<div>

	<div class="xinwen">
		<img src="bynewsbg.png"><br>
		<a href="#">09/28  2015博雅国际扑克大赛（BPT）在澳门落幕</a><hr>
		<a href="#">08/26  2015BPT博雅国际扑克大赛重榜来袭</a><hr>
		<a href="#">08/01 博雅互动与阿里游戏练手启动“淘宝杯首届电视棋牌大赛</a><hr>
		<a href="#">07/21 湖南省省长杜家豪一行参观博雅互动</a><hr></div>
</div>

<div class="datu">

	<h2>专场招聘</h2>
	<h5>BOYAA  JOBS</h5>
	<dl>

		<dt>专场招聘岗位:</dt><hr width="320" align="left" margin-left="20px">

			<dd>PHP开发工程师</dd><hr width="320" align="left">
			<dd>C++开发工程师</dd><hr width="320" align="left">
			<dd>WEB前端开发工程师</dd><hr width="320" align="left">
			<dd>大数据开发工程师</dd><hr width="320" align="left" >
	</dl>


</div>

	<div class="footer">


	<div class="hudong"><p>网站地图  |  免费声明</p></div>		
　　　　<p class="last">Copyright © 2004 - 2016 博雅互动(Boyaa Interactive) 粤ICP备05062536号 网络文化经营许可证：粤网文[2015]1991-405号 增值电信业务经营许可证：粤B2-20110513 </p>
	<img src="govIcon.gif">
</div>
</body>
</html>