day52作业
2024-09-07 18:31:37
做一个小米商城首页的头部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
font-size: 12px;
margin: 0;
}
#top {
background-color: #333333;
height: 40px;
/*background-color: red;*/
}
a:link{
color: #b0b0b0
}
a:visited{color: #b0b0b0}
a:hover {
color: #ffffee
}
#top-left{
width: 90%;
float: left;
}
#top a{
text-decoration: none;
font-weight: lighter;
}
#left-a{
padding: 12px 0;
width: 70%;
float: left;
}
#right-a{
padding: 12px 0;
float: right;
/*width: 30%;*/
}
#top-right{
height: 40px;
width: 10%;
float: right;
}
#shop-car{
background-color: #424242;
/*height: 40px;*/
padding: 11.5px 0px;
text-align: center;
width: 90%;
float: left;
}
</style>
<title>Title</title>
</head>
<body>
<div id="top">
<div id="top-left">
<div id="left-a">
<a href="02.html" target="_blank">小米商城</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">MIUI</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">loT</a>
<span style="color: #423c37"> | </span>
<a href="02.html" target="_blank">云服务</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">金融</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">有品</a>
<span style="color: #423c37"> | </span>
<a href="02.html" target="_blank">小爱开放</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">企业团购</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">资质证照</a>
<span style="color: #423c37"> | </span>
<a href="02.html" target="_blank">协议规则</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">下载app</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">Select Location</a>
</div>
<div id="right-a">
<a href="02.html" target="_blank">登录</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">注册</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">消息通知 </a>
</div>
</div>
<div id="top-right">
<div id="shop-car">
<a href="02.html"target="_blank">购物车(0)</a>
</div>
</div>
</div>
</body>
</html>
最新文章
- hibernate 中的 lazy=”proxy” 和 lazy=”no-proxy” 的区别
- MAC使用MAMP构建自签名HTTPS环境
- Telnet弱口令猜解【Python脚本】
- mybatis的动态sql及模糊查询
- Spring Framework------>version4.3.5----->Reference学习心得----->总结
- javascript 常用方法
- 272. Closest Binary Search Tree Value II
- 【Hadoop代码笔记】Hadoop作业提交之Child启动map任务
- AOP和IOC个人理解
- ERDAS IMAGINE 9.2安装破解方法
- zedGraph
- ZooKeeper安装与运行
- Android Bundle类别
- SQL语句使用时间和日期的函数
- 关于开发环境中的消息在download时没有下载下来时的问题
- chromedriver对应的支持的Chrome版本(更新至Chrome63)
- Lucene 查询(Query)子类
- Security - 轻量级Java身份认证、访问控制安全框架
- 三、文件IO——系统调用（续）
- 使用Filezilla搭建FTP服务器