当前位置: 首页 > news >正文

18.顺丰盒子定位

效果图:


素材:





代码:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">body,ul,li{margin:0;padding: 0;}ul,li{list-style: none;}.banner{width: 1259px;height: 472px;margin: 0 auto;position: relative;}.search{width: 960px;height: 60px;background: #333;position: absolute;bottom:0;left:50%;margin-left:-480px;}.search ul li{float: left;}.search ul li a{display: inline-block;width: 160px;height: 60px;line-height: 60px;text-align: center;color:#fff;}.search ul li a:hover{background: #fff;color:#000;}.search ul li a.one:hover{background: #333;color:#fff;}.login{position: absolute;left:150px;bottom: 57px;}.sj{position: absolute;left:220px;bottom:48px;z-index: 10;}</style>
</head>
<body><div class="banner"><div class="pic"><img src="images/sf.png" alt=""></div><div class="search"><ul><li><a href="#" class="one">运单查询</a></li><li><a href="#">运费查询</a></li><li><a href="#">时效查询</a></li><li><a href="#">服务网点查询</a></li><li><a href="#">收送范围查询</a></li><li><a href="#">客户专区</a></li></ul></div><div class="sj"><img src="images/4.png" alt=""></div><div class="login"><img src="images/3.png" alt=""></div></div>
</body>
</html>



http://www.taodudu.cc/news/show-6117786.html

相关文章:

  • CSDN如何在个人主页开启自定义模块|微信公众号
  • 从零到屎山系列-游戏开发(序章)
  • Ubuntu彻底卸载删除cuda12.1
  • 字典及GitHub字典爬取工具
  • PostgreSQL 把多余字段转JSON
  • 0066__使用GDBServer进行远程调试
  • OpenCV色域转换
  • (转)11gR2新特性:Heavy swapping observed on system in last 5 mins
  • 表不存在,但是可以查询、删除(没有返回结果,一直hang住)
  • 四元数与旋转——学习笔记(一)
  • oracle去掉0x00,Oracle O001 / O00n 进程 100% CPU资源耗用
  • Tp5自动加载创建admin和index文件夹
  • thinkphp5调用shell脚本_ThinkPHP 5.x远程命令执行测试工具(可getshell)
  • php 微信支付 回调处理,TP微信支付(回调处理)
  • 2008 mysql 本地安全_apache在windows2003或win2008环境中的安全设置
  • lnmp 一键安装包 安装tp5.1 404,500等相关问题
  • 解决Apache/2.4.39 (Win64) PHP/7.2.18 Server at localhost Port 80问题
  • php phpstudy虚拟域名配置
  • TP-Admin 一个拥有站群功能的多功能CMS基础系统
  • 创意编程/小学组(4-6年级)-图形化创意
  • 【品牌营销策划方案】2020碧桂园x江小白创意引爆策略方案【白酒】【IP】【创意营销】
  • 渐变多彩创意双十二活动方案主题PPT
  • 视频批量剪辑:如何给视频添加特效,比如:色彩变幻效果特效,怎么制作?
  • 如何给视频添加特效字幕?分享一个简单好用的办法
  • 剪辑视频怎么加音效 视频音效常用都有哪些类型
  • 视频编辑工具:添加水印、特效、音乐、导出视频、视频转gif
  • 谁知道下面这个视频中的特效是用什么软件做的?
  • 有哪些能给视频加特效字幕的软件?试试这几种简单方法
  • 求分享如何给短视频加特效
  • 4500m a8 amd_amd a8 4500m等同什么intel
  • R7 4800U对比R5 4600U性能差距
  • 锐龙4750u和4800u的区别
  • html4和html5的区别
  • PHP的apcu是什么,opcache又是什么?
  • 全志H3停产,A40I/T3更胜一筹--CoM-X40I核心模块来了
  • i5 6600 HD530联想扬天S5250黑苹果