0909_html_第三次_王灏文

最新推荐文章于 2018-11-21 22:06:00 发布
最新推荐文章于 2018-11-21 22:06:00 发布
阅读量120 收藏
点赞数
原文链接：https://my.oschina.net/u/3959907/blog/2050726
版权

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<style type="text/css">

body

{

background-image:url(imgs/cont-index.jpg);

position:absolute;

left:0px;

top:0px;

}

a:hover

{

text-decoration:underline;

}

.left_top span

{

font-size:small;

color:#9d9f9f;

}

.left_top

{

border:0px;

margin-left:117px;

margin-top:-3px;

}

.left_top a

{

color:#9d9f9f;

text-decoration:none;

}

.right_top span

{

font-size:small;

color:#9d9f9f;

}

.right_top

{

border:0px;

margin-left:787px;

margin-top:-18px;

}

.right_top a

{

color:#9d9f9f;

text-decoration:none;

}

.right_top_solo

{

border:1px solid gray;

margin-left:1230px;

margin-top:-18px;

width:66px;

font-size:small;

color:#9d9f9f;

}

img.middle_left

{

position:absolute;

left:115px;

top:40px;

width:294px;

}

input

{

border-color:#d3d3d3;

position:absolute;

top:45px;

left:490px;

height:39px;

width:470px;

font-size:90%;

}

img.fangdajing

{

position:absolute;

top:44px;

left:964px;

}

img.logo

{

position:absolute;

top:44px;

left:1100px;

}

div.one

{

border:0px;

position:absolute;

background-color:#ff2600;

width:152px;

height:76px;

left:115px;

top:116px;

}

div.one p

{

line-height:40px;

text-align:center;

color:#ffffff;

font-size:114%;

}

div.two

{

border:0px;

position:absolute;

background-color:black;

width:152px;

height:76px;

left:267px;

top:116px;

}

div.two p

{

line-height:36px;

text-align:center;

color:#9f9f9f;

font-size:120%;

}

div.three

{

border:0px;

position:absolute;

background-color:black;

width:152px;

height:76px;

left:419px;

top:116px;

}

div.three p

{

line-height:36px;

text-align:center;

color:#9f9f9f;

font-size:120%;

}

div.four

{

border:0px;

position:absolute;

background-color:black;

width:152px;

height:76px;

left:571px;

top:116px;

}

div.four p

{

line-height:36px;

text-align:center;

color:#9f9f9f;

font-size:120%;

}

div.five

{

border:0px;

position:absolute;

background-color:black;

width:152px;

height:76px;

left:723px;

top:116px;

}

div.five p

{

line-height:36px;

text-align:center;

color:#9f9f9f;

font-size:120%;

}

div.six

{

border:0px;

position:absolute;

background-color:black;

width:152px;

height:76px;

left:875px;

top:116px;

}

div.six p

{

line-height:36px;

text-align:center;

color:#9f9f9f;

font-size:120%;

}

div.seven

{

border:0px;

position:absolute;

background-color:black;

width:152px;

height:76px;

left:1027px;

top:116px;

}

div.seven p

{

line-height:36px;

text-align:center;

color:#9f9f9f;

font-size:120%;

}

div.eight

{

border:0px;

position:absolute;

background-color:black;

width:152px;

height:76px;

left:1179px;

top:116px;

}

div.eight p

{

line-height:36px;

text-align:center;

color:red;

font-size:120%;

}

a.shouye

{

text-decoration:none;

color:#ffffff;

}

a.doahang

{

text-decoration:none;

color:#9d9f9f;

}

a:hover

{

color:#red;

}

</style>

<body>

<!--左上角文本-->

<div class="left_top">

<span><a href="#">手机版&nbsp&nbsp&nbsp|</a></span>

<span><a href="#">&nbsp&nbsp游戏币交易&nbsp&nbsp&nbsp|</a></span>

<span><a href="#">&nbsp&nbspQ币充值&nbsp&nbsp&nbsp|</a></span>

<span><a href="#">&nbsp&nbsp心悦游戏家</a></span>

</div>

<!--右上角文本-->

<div class="right_top">

<span>您还未登录，请<a href="#">登陆&nbsp&nbsp&nbsp|</a></span>

<span><a href="#">&nbsp&nbsp我的订单&nbsp&nbsp&nbsp|</a></span>

<span><a href="#">&nbsp&nbsp个人中心&nbsp&nbsp&nbsp|</a></span>

<span><a href="#">&nbsp&nbsp官方论坛&nbsp&nbsp&nbsp|</a></span>

<span><a href="#">&nbsp&nbsp帮助中心&nbsp&nbsp&nbsp|</a></span>

</div>

<!--右上角带框的单个文本-->

<div class="right_top_solo">

<span>&nbsp&nbsp游戏导航&nbsp&nbsp</span>

</div>

<img  class="middle_left" alt="" src="imgs/daojucheng.png">

<input type="text" style= "background-color:transparent" name="fname" placeholder="&nbsp&nbsp&nbsp输入道具进行搜索">

<img class="fangdajing" src="imgs/sousuo.png">

<img class="logo" src="imgs/logo.png">

<div  class="one"><p><b><a class="shouye" href="#">首页</a></b></p></div>

<div  class="two"><p><b><a class ="doahang" href="#">商品列表</a></b></p></div>

<div  class="three"><p><b><a class ="doahang" href="#">周边商城</a></b></p></div>

<div  class="four"><p><b><a class ="doahang" href="#">活动专区</a></b></p></div>

<div  class="five"><p><b><a class ="doahang" href="#">聚豆乐园</a></b></p></div>

<div  class="six"><p><b><a class ="doahang" href="#">会员俱乐部</a></b></p></div>

<div  class="seven"><p><b><a class ="doahang" href="#">个人中心</a></b></p></div>

<div  class="eight"><p><b>购物车&nbsp&nbsp&nbsp&nbsp&nbsp0</b></p></div>

</body>

</html>

转载于:https://my.oschina.net/u/3959907/blog/2050726

chuohun5648
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2018_1028_html_第一次_王灏文
chuohun5648的博客
11-01 161
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .top/...
0902_html_第一次02_王灏文
chuohun5648的博客
09-05 94
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <b...
0915_java_第二次_王灏文
chuohun5648的博客
09-15 110
import java.util.Scanner; public class Fenshu { public static void main(String[] args) { System.out.println("输入三科成绩："); double score[]=new...
20181104_html_第三次（作业）_王灏文
chuohun5648的博客
11-08 135
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> ...
0916_java_第三次_王灏文
chuohun5648的博客
09-18 96
public class Student { int number;//定义编号 int class_number;//定义班级ID int age;//定义年龄 String name;//定义名称 String sex;//定义性别 String location;//...
0902_html_第一次_王灏文
chuohun5648的博客
09-04 209
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <b...
20181118_html_第七次（作业）_王灏文
chuohun5648的博客
11-21 161
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> ...
0908_html_第二次_王灏文
chuohun5648的博客
09-09 106
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <s...
20181103_html_第二次（作业）_王灏文
chuohun5648的博客
11-03 98
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> ...
营销策划 -2024非遗大展预热引流策划方案.pptx
07-13
营销策划 -2024非遗大展预热引流策划方案.pptx
全网最热Python3入门+进阶 更快上手实际开发
07-13
网最热Python3入门+进阶 更快上手实际开发 第1章 Python入门导学.mp4 239.6MB 第9章 高级部分：面向对象 第8章 Python函数 第7章 包、模块、函数与变量作用域 第6章 分支、循环、条件与枚举 第5章 变量与运算符 第4章 Python中表示“组”的概念与定义 第3章 理解什么是写代码与Python的基本类型 第2章 Python环境安装 第1章 Python入门导学 第14章 Pythonic与Python杂记 第13章 实战：原生爬虫 第12章 函数式编程： 匿名函数、高阶函数、装饰器
物资合同管理台账.docx
07-13
物资合同管理台账.docx
项目管理策划编写模板.docx
07-13
项目管理策划编写模板.docx
营销策划 -现代牧业发布会全案策划.pptx
最新发布
07-13
营销策划 -现代牧业发布会全案策划.pptx
培训课件 -复盘报告模板.pptx
07-13
培训课件 -复盘报告模板.pptx
项目小车外委修理审批表.docx
07-13
项目小车外委修理审批表.docx
黄色风格年终总结汇报PPT模板
07-13
【作品名称】：黄色风格年终总结汇报PPT模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
现代通信组网案例分析.docx
07-13
现代通信网络的组网案例分析可以帮助理解当前通信技术在实际应用中的设计和实现。以下是一个现代通信组网案例的详细分析，涵盖了设计目标、技术选择、实施步骤和结果分析。
项目设计管理考核评价表.docx
07-13
项目设计管理考核评价表.docx

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值