当前位置:网站首页>[case] Application of positioning - Taobao rotation map
[case] Application of positioning - Taobao rotation map
2022-07-05 20:59:00 【Dazed girl】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style> * {
margin: 0; padding: 0; } a {
text-decoration: none; } li {
list-style: none; } .promo_bd {
position: relative; height: 315px; width: 630px; background-color: blue; margin: 100px auto; border-radius: 20px; } .promo_bd img {
height: 100%; width: 100%; border-radius: 20px; } .promo_bd .pre, .promo_bd .next {
position: absolute; width: 25px; height: 40px; top: 50%; margin-top: -20px; background-color: rgba(0, 0, 0, 0.4); color: #fff; font-size: 20px; line-height: 40px; text-align: center; } .promo_bd .pre {
left: 0; border-radius: 0 20px 20px 0; } .promo_bd .next {
right: 0; border-radius: 20px 0 0 20px; } .promo_bd .promo_nav {
position: absolute; left: 50%; margin-left: -35px; bottom: 15px; height: 14px; width: 70px; background-color: rgba(255, 255, 255, 0.3); border-radius: 7px; } .promo_bd .promo_nav ul li {
float: left; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; margin: 3px; } .promo_bd .promo_nav ul .selected {
background-color: #ff5000; } </style>
</head>
<body>
<div class="promo_bd">
<img src="./ad.jpg" alt="">
<a class="pre" href="#"><</a>
<a class="next" href="#">></a>
<div class="promo_nav">
<ul>
<li class="selected"></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</body>
</html>
边栏推荐
- Abnova CRISPR spcas9 polyclonal antibody protocol
- SYSTEMd resolved enable debug log
- 五层网络协议
- Abnova total RNA Purification Kit for cultured cells Chinese and English instructions
- leetcode:1139. 最大的以 1 为边界的正方形
- Is Kai Niu 2980 useful? Is it safe to open an account
- bazel是否有学习的必要
- MySQL fully parses json/ arrays
- MySQL InnoDB架构原理
- 概率论机器学习的先验知识(上)
猜你喜欢
2.<tag-哈希表, 字符串>补充: 剑指 Offer 50. 第一个只出现一次的字符 dbc
PHP deserialization +md5 collision
Abnova丨E (DIII) (WNV) 重组蛋白 中英文说明书
学习机器人无从下手?带你体会当下机器人热门研究方向有哪些
Influence of oscilloscope probe on measurement bandwidth
CLion配置visual studio(msvc)和JOM多核编译
台风来袭!建筑工地该如何防范台风!
Analyze the knowledge transfer and sharing spirit of maker Education
基于vertx-web-sstore-redis的改造实现vertx http应用的分布式session
Return to blowing marshland -- travel notes of zhailidong, founder of duanzhitang
随机推荐
请查收.NET MAUI 的最新学习资源
清除app data以及获取图标
Use of thread pool
vant 源码解析 之深层 合并对象 深拷贝
2. < tag hash table, string> supplement: Sword finger offer 50 The first character DBC that appears only once
Learning notes of SAS programming and data mining business case 19
Abnova e (diii) (WNV) recombinant protein Chinese and English instructions
启牛2980有没有用?开户安全吗、
Clion-MinGW编译后的exe文件添加ico图标
ClickHouse 复制粘贴多行sql语句报错
水泥胶黏剂BS 476-4 不燃性测试
Pytorch实战——MNIST数据集手写数字识别
Binary search
Norgen AAV extractant box instructions (including features)
序列联配Sequence Alignment
挖财商学院给的证券账户安全吗?可以开户吗?
【案例】元素的显示与隐藏的运用--元素遮罩
Écrire une interface basée sur flask
Duchefa cytokinin dihydrozeatin (DHZ) instructions
驱动壳美国测试UL 2043 符合要求有哪些?