<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品品牌</title>
<style>
*{margin: 0;
padding: 0;
background-image:url();}
#container{width: 1200px;
margin: 0 auto;}
#nav{background: #b0b76b;
width: 1200px;
height: 100px;}
#logo{margin-left: 100px;
padding-top: 12px;
float: left;}
#dig{margin-top: 25px;
margin-left: 15px;
text-shadow: 1px 1px #ffffff;
color: #c0c0c0;
float: left;
font-size: 50px;
font-family: Blackadder ITC;}
#div{color: #c0c0c0;
padding-top: 45px;
margin-left: 520px;
font-size: 25px;
font-family: 华文新魏;}
#box{width: 1200px;
height: 450px;
background-image: url("images/background3.jpg");
position: relative;}
#kuang{position: absolute;
left: 400px;
top: 130px;}
#text{position: absolute;
top: 140px;
left: 410px;}
#main{width: 1200px;
height: 800px;
background-image: url("images/background4.jpg");
position: relative;}
#box1{width: 800px;
height: 120px;
border: 2px solid #800800;
background: #fff8dc;
border-radius: 25px;
position: absolute;
top: 50px;
left: 100px;
overflow: hidden;}
#text1{margin-left: 50px;
margin-top: 150px;
font-size: 20px;
font-family: 楷体_GB2312;
transition:all 0.6s ease-in-out;}
#box1:hover #text1{margin-top: 20px;}
#logo1{position: absolute;
top: 20px;
left: 60px;
transition: transform 1s ease-out;}
#logo1:hover {transform:rotate(360deg);}
#box2{width: 800px;
height: 120px;
border: 2px solid #800800;
background: #fff8dc;
border-radius: 25px;
position: absolute;
top: 230px;
left: 300px;
overflow: hidden;}
#text2{margin-right: 50px;
margin-top: 150px;
font-size: 20px;
font-family: 楷体_GB2312;
transition:all 0.6s ease-in-out;}
#box2:hover #text2{margin-top: 20px;}
#logo2{position: absolute;
top: 200px;
left: 1020px;
transition: transform 1s ease-out;}
#logo2:hover {transform:rotate(360deg);}
#box3{width: 800px;
height: 120px;
border: 2px solid #800800;
background: #fff8dc;
border-radius: 25px;
position: absolute;
top: 410px;
left: 100px;
overflow: hidden;}
#text3{margin-left: 50px;
margin-top: 150px;
font-size: 20px;
font-family: 楷体_GB2312;
transition:all 0.6s ease-in-out;}
#box3:hover #text3{margin-top: 20px;}
#logo3{position: absolute;
top: 380px;
left: 30px;
transition: transform 1s ease-out;}
#logo3:hover {transform:rotate(360deg);}
#box4{width: 800px;
height: 120px;
border: 2px solid #800800;
background: #fff8dc;
border-radius: 25px;
position: absolute;
top: 590px;
left: 300px;
overflow: hidden;}
#text4{margin-right: 50px;
margin-top: 150px;
font-size: 20px;
font-family: 楷体_GB2312;
transition:all 0.6s ease-in-out;}
#box4:hover #text4{margin-top: 20px;}
#logo4{position: absolute;
top: 520px;
left: 1040px;
transition: transform 1s ease-out;}
#logo4:hover {transform:rotate(360deg);}
#bottom{margin: 0 auto;
width: 1200px;
height: 300px;
background-image:url("images/bottom.jpg");}
#limg4{padding-left: 300px;
padding-top: 100px;}
a:link{text-decoration: none;
color: #c0c0c0;}
a:hover{color: #deb887;
text-decoration: none;
font-size: 150%;}
a:visited{color: #6495ed;
text-decoration: none;}
a:active{color: #6495ed;
text-decoration: none;}
</style>
</head>
<body>
<div id="container">
<div id="nav">
<div id="logo"><img src="images/logo.png" width="80px" height="80px" alt=""></div>
<div id="dig"><p>Digital</p></div>
<div id="div">
<a href="file:///D:/08 梁世坤（new）/1.html">关于首页</a>        
<a href="file:///D:/08 梁世坤（new）/2.html">产品品牌</a>        
<a href="file:///D:/08 梁世坤（new）/3.html">生活影响</a>        
<a href="file:///D:/08 梁世坤（new）/4.html">市场预测</a>        
</div>
</div>
<div id="box">
<div id="kuang"><img src="images/5.png" width="400px" height="120px" alt=""></div>
<div id="text"><img src="images/字体1.png" width="380px" height="90px" alt=""></div>
</div>
<div id="main">
<div id="box1">
<div id="text1"><p>苹果公司（Apple Inc. ）是美国的一家高科技公司。由史蒂夫·乔布斯、斯蒂夫·沃兹尼亚克和罗·韦恩(Ron Wayne)等人于1976年4月1日创立，并命名为美国苹果电脑公司（Apple Computer Inc. ）。</p></div>
</div>
<div id="logo1"><img src="images/b1.png" width="100px" height="100px" alt=""></div>
<div id="box2">
<div id="text2"><p>三星集团是韩国最大的跨国企业集团，同时也是上市企业全球500强，三星集团包括众多的国际下属企业。</p></div>
</div>
<div id="logo2"><img src="images/b2.png" width="150px" height="50px" alt=""></div>
<div id="box3">
<div id="text3"><p>华为技术有限公司是一家生产销售通信设备的民营通信科技公司，为世界各地通信运营商及专业网络拥有者提供硬件设备、软件、服务和解决方案。</p></div>
</div>
<div id="logo3"><img src="images/b3.png" width="170px" height="100px" alt=""></div>
<div id="box4">
<div id="text4"><p>联想集团公司成立于1984年，由中科院计算所投资20万元人民币和11名科技人员创办，现已发展成为一家在信息产业内多元化发展的大型企业集团，富有创新性的国际化的科技公司。</p></div>
</div>
<div id="logo4"><img src="images/b4.png" width="150px" height="150px" alt=""></div>
</div>
<div id="bottom">
<div id="limg4"><img src="images/字体.png" width="600px" height="130px" alt=""></div>
</div>
</div>
</body>
</html>
html.zip_comfortablesj2_简单网页设计
版权申诉
82 浏览量
2022-09-21
01:48:08
上传
评论
收藏 3.32MB ZIP 举报
html.zip （32个子文件） 
08 梁世坤（new） images 
background1.jpg 713KB background3.jpg 78KB
b1.png 28KB
b2.png.ezhkhlt.partial 0B 5.png 47KB 1.jpg 69KB 字体.png 21KB 字体3.png 17KB b4.png 11KB bottom.jpg 137KB 1.png 17KB b3.png 62KB background4.jpg 275KB b2.png 176KB logo.png 265KB 6.png 32KB 2.png 115KB 7.png 31KB 4.png 273KB background2.jpg 301KB 3.png 183KB 字体2.png 17KB 字体1.png 17KB
3.html 4KB 素材 1.jpg 420KB 图标素材.psd 285KB 2.png 325KB 3.png 17KB 2.html 6KB 4.html 4KB 1.html 2KB style.css 4KB资源评论
