第一次的展示 照片失贞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/waibuyangshibiao.css" rel="stylesheet" type="text/css" />
<style>
*
{
margin:0px;
padding:0px;
}
.waibu
{
height:1950px;
width:100%;
border:0px solid #0CF;
position:absolute;
top:0px;
left:0px;
}
.kouhao1
{
height:65px;
width:200px;
border:0px solid #000;
position:relative;
left:-750px;
top:250px;
color:#63C;
text-align:center;
font-family:"微软雅黑";
}
.kouhao2
{
height:65px;
width:200px;
border:0px solid #000;
position:relative;
left:-700px;
top:275px;
color:#63C;
text-align:center;
font-family:"微软雅黑";
}
.kouhao3
{
height:65px;
width:200px;
border:0px solid #000;
position:relative;
left:-650px;
top:300px;
color:#63C;
text-align:center;
font-family:"微软雅黑";
}
.toubu
{
height:100px;
width:1200px;
border:1px solid #30F;
position:fixed;
left:75px;
top:0px;
background-color:#63F;
background-size:100% 100px;
z-index:2;
}
.logo
{
height:50px;
width:250px;
border:0px solid #36F;
position:relative;
top:25px;
left:200px;
}
.daohang
{
height:100px;
width:100px;
border:0px solid #603;
position:relative;
top:-54px;
left:650px;
float:left;
line-height:170px;
text-align:center;
font-family:"微软雅黑";
font-size:16px;
color:#FFF;
}
.daohang:hover
{
background-color:#6FF;
}
.jing
{
height:600px;
width:1200px;
border:1px solid #66C;
position:absolute;
top:99px;
left:75px;
background:url(../images/lun1.jpg);
}
#product
{
height:20px;
width:150px;
position:relative;
border:1px solid #3FF;
left:1000px;
top:550px;
line-height:20px;
text-align:center;
}
#product:hover
{
color:#FC0;
}
.xiong
{
height:600px;
width:1200px;
border:1px solid #66C;
position:relative;
top:700px;
left:75px;
background-image:url(../images/mo4.jpg);
}
#about
{
height:50px;
width:120px;
border:1px solid #0C3;
position:relative;
top:10px;
left:20px;
text-align:center;
}
.neirong
{
height:350px;
width:306px;
border:#F00 0px solid;
position:relative;
left:930px;
top:30px;
color:#63C;
}
.yao
{
height:600px;
width:1200px;
border:1px solid #66C;
position:relative;
top:295px;
left:75px;
background:url(../images/lun3.jpg);
}
</style>
</head>
<body>
<div class="waibu">
<div class="toubu">
<div class="logo"><img src="images/logo1111.jpg" /></div>
<div class="daohang">Home</div>
<div class="daohang">About</div>
<div class="daohang">Services</div>
<div class="daohang">Clients</div>
<div class="daohang">Contacts</div>
</div>
<div class="jing"><div id="product"><u>了解更多产品</u></div></div>
<div class="xiong">
<div id="about"><font color="#CC6699"><h2>About Us</h2></font></div></div>
<div class="neirong">
<div class="kouhao1"><h1>纯天然</h1></div>
<div class="kouhao2"><h1>无硅油</h1></div>
<div class="kouhao3"><h1>更贴心</h1></div>
<h2>&nbsp;&nbsp;优钻是引进韩国50年老品牌,在品牌倡导的无硅油护法理念的基础上,于2015年推出全新植物精华护法理念,独家引进欧洲最先进的鲜花干榨技术,品质更加优越。优钻菁纯是全国第一款配方到能养花的洗发水。优钻菁纯是弱酸性配方,PH值5.5,是是最贴合人体皮脂膜...<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<u>更多内容</u></h2></div>
<div class="yao"><img src="images/product1.png" /><img src="images/product2.png" /></div>
</div>
</body>
</html>

posted @ 2016-09-01 10:17  丶疏影横斜  阅读(296)  评论(0编辑  收藏  举报