博雅頁面

時間 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>
相關標籤/搜索
每日一句
每一个你不满意的现在，都有一个你没有努力的曾经。