55 定位

最新推荐文章于 2024-07-09 03:00:15 发布
最新推荐文章于 2024-07-09 03:00:15 发布
阅读量92 收藏
点赞数
分类专栏： 前端 文章标签： 定位 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hello_sunny123/article/details/119487980
版权

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

一.静态定位

在这里插入图片描述

二.相对定位

在这里插入图片描述

代码：

<!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>相对定位</title>
    <style>
        .box1 {
            position: relative;
            top: 100px;
            left: 100px;
            width: 200px;
            height: 200px;
            background-color: pink;
        }

        .box2 {
            width: 200px;
            height: 200px;
            background-color: red;
        }
    </style>
</head>

<body>
    <div class="box1"></div>
    <div class="box2"></div>
</body>

</html>

结果：

在这里插入图片描述

三.绝对定位

在这里插入图片描述

1.如果没有祖先元素或者祖先元素没有定位,则以浏览器为准定位(Document文档)。

代码

<!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>绝对定位</title>
    <style>
        .father {
            width: 500px;
            height: 500px;
            background-color: skyblue;
        }

        .son {
            position: absolute;
            /* top: 0;
            left: 0; */
            /* top: 100px;
            left: 100px; */
            /* top: 200px;
            right: 100px; */
            /* left: 0px;
            bottom: 0; */
            right: 100px;
            bottom: 100px;
            width: 200px;
            height: 200px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <div class="father">
        <div class="son"></div>
    </div>

</body>

</html>

结果

在这里插入图片描述

2.如果祖先元素有定位(相对、绝对、固定定位) ,则以最近一级的有定位祖先元素为参考点移动位置。

代码

<!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>03-绝对定位-父级有定位</title>
    <style>
        .grandpa {
            position: relative;
            width: 600px;
            height: 600px;
            background-color: rgb(31, 172, 55);
            padding: 50px;
        }
        .father {
            width: 400px;
            height: 400px;
            background-color: skyblue;
        }

        .son {
            position: absolute;
            top: 100px;
            right: 100px;
            width: 200px;
            height: 200px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <div class="grandpa">
        <div class="father">
            <div class="son"></div>
        </div>
    </div>

</body>

</html>

结果：

在这里插入图片描述

3.绝对定位不再占有原先的位置。(脱标)

在这里插入图片描述
在这里插入图片描述

例子

在这里插入图片描述

四.固定定位

在这里插入图片描述

代码：

<!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>固定定位</title>
    <style>
        .dj {
            position: fixed;
            top: 10px;
            left: 10px;
        }
    </style>
</head>

<body>
    <div class="dj">
        <img src="images/pvp.png" alt="">
    </div>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
    <p>主人，请尽请吩咐吧！</p>
</body>

</html>

结果：

在这里插入图片描述
在这里插入图片描述

代码：

<!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>
        .w {
            width: 800px;
            height: 1200px;
            background-color: skyblue;
            /* 让盒子居中 */
            margin: 0 auto;
        }

        .fixed {
            position: fixed;
            /* 1. 走浏览器宽度的一半 */
            left: 50%;
            /* 2. 利用margin 走版心盒子宽度的一半距离 */
            margin-left: 405px;
            width: 60px;
            height: 80px;
            background-color: pink;
        }
    </style>

</head>

<body>
    <div class="fixed"></div>
    <div class="w">版心盒子</div>
</body>

</html>

结果：

在这里插入图片描述

五.粘性定位

在这里插入图片描述

代码：

<!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>粘性定位</title>
    <style>
        body {
            height: 3000px;
        }

        .nav {
            /* 粘性定位 */
            position: sticky;
            top: 10px;
            width: 600px;
            height: 50px;
            background-color: pink;
            margin: 100px auto;
        }
    </style>
</head>

<body>
    <div class="nav">我是导航栏</div>
</body>

</html>

结果

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

代码

<!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>07-定位的叠放顺序</title>
    <style>
        .box {
            position: absolute;
            top: 0;
            left: 0;
            width: 200px;
            height: 200px;
        }

        .xiongda {
            background-color: red;
            z-index: 1;
        }

        .xionger {
            top: 50px;
            left: 50px;
            background-color: skyblue;
            z-index: 2;
        }

        .qianggege {
            top: 100px;
            left: 100px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <div class="box xiongda ">熊大</div>
    <div class="box xionger ">熊二</div>
    <div class="box qianggege ">光头强</div>


</body>

</html>

结果

在这里插入图片描述
在这里插入图片描述

代码：

<!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>08-绝对定位的盒子水平垂直居中</title>
    <style>
        .box {
            position: absolute;
            /* (1)水平居中 */
            /* 1. left 走 50%  父容器宽度的一半 */
            left: 50%;
            /* 2. margin 负值 往左边走 自己盒子宽度的一半 */
            margin-left: -100px;
            /* (2)垂直居中 */
            /* 1. top 走 50%  父容器高度的一半 */
            top: 50%;
            /* 2. margin 负值 往上边走 自己盒子高度的一半 */
            margin-top: -100px;
            width: 200px;
            height: 200px;
            background-color: pink;
            /* margin: auto; */
        }
    </style>
</head>

<body>
    <div class="box"></div>
</body>

</html>

结果：

在这里插入图片描述在这里插入图片描述

在这里插入图片描述

代码：

<!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>09-定位的特殊属性</title>
    <style>
        /* 绝对定位和固定定位也和浮动类似。 */
        /* 1.行内元素添加绝对或者固定定位,可以直接设置高度和宽度。 */
        .one {
            float: right;
            width: 200px;
            height: 200px;
            background-color: rgb(211, 50, 50)
        }

        .two {
            position: absolute;
            /* position: fixed; */
            top: 400px;
            width: 300px;
            height: 300px;
            background-color: rgb(73, 30, 172);
        }

        /* 2.块级元素添加绝对或者固定定位,如果不给宽度或者高度,默认大小是内容的大小。 */
        div {
            /* float: left; */
            position: fixed;
            background-color: rgb(30, 207, 23);
        }
    </style>


</head>

<body>
    <span class="one">123</span>
    <span class="two">wwww</span>
    <div>abcd</div>
    <!-- /* <span class="box1">把行内元素转化为块级元素</span>
    <span class="box2">行内元素添加绝对或者固定定位,可以直接设置高度和宽度</span> */ -->

</body>

</html>

结果

在这里插入图片描述
在这里插入图片描述

一.浮动元素不同,只会压住它下面标准流的盒子,但是不会压住下面标准流盒子里面的文字(图片)

但是绝对定位(固定定位)会压住下面标准流所有的内容。

代码

<!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>定位会完全压住标准流盒子内容</title>
    <style>
        .box {
            /* 1.浮动的元素不会压住下面标准流的文字 */
            /* float: left; */
            /* 2. 绝对定位（固定定位） 会压住下面标准流所有的内容。 */
            /* position: fixed; */
            position: absolute;
            width: 300px;
            height: 300px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <div class="box"></div>
    <p>阁下何不同风起，扶摇直上九万里;阁下何不同风起，扶摇直上九万里;</p>
</body>

</html>

结果

在这里插入图片描述

二.浮动之所以不会压住文字,因为浮动产生的目的最初是为了做文字环绕效果的。文字会围绕浮动元素。

代码

<!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>浮动的产生的原来目的是文字环绕</title>
    <style>
        p {
            text-indent: 2em;
        }

        img {
            float: left;
        }
    </style>
</head>

<body>
    <p>“今年的梅花开得晚了”，我看着天上一闪而过的飞机默默地叹了口气。口中飘出的热气，似乎也在跟着飞机，不见了。

        　　“你还在想他？”李维伦回过头看着我。我不说话，等待着他的下一句。“你还不想放弃吗？你到底想等他多久？”他皱了皱眉头。

        　　我看着地上，发出了哽咽的声音：“我不知道。”<br>

        　　他听了我这句话，没再说什么。于是，我们就这样僵持着。<br>
        <img src="images/pvp.png" alt="">
        　　不一会儿，风吹起来了，我开始颤抖起来。我抬头看了李维伦一眼，他正在面无表情的盯着我。看着他的表情，我感到恐惧。

        　　“我先回去了。”我感觉我的声音也颤抖起来。<br>

        　　他眨了一下眼睛，又叹了一口气，“回去吧，天冷了，多添一件衣服。”他转过身，走了。

        　　看着他的背影，忽然觉得，他很落寞。<br>

        　　我回到家，看着窗外还没有开的梅花，泪立刻占领了我的眼眶。因为今天是圣诞节，而今年的圣诞节没有下雪。<br>

        　　两年前的一天，我正在家里写作业。忽然，我闻到了一阵梅花香。我抬起头，看见哥哥正在窗外忙着什么。我打开窗，冷风立刻吹了进来。<br>
        “今年的梅花开得晚了”，我看着天上一闪而过的飞机默默地叹了口气。口中飘出的热气，似乎也在跟着飞机，不见了。

        　　“你还在想他？”李维伦回过头看着我。我不说话，等待着他的下一句。“你还不想放弃吗？你到底想等他多久？”他皱了皱眉头。

        　　我看着地上，发出了哽咽的声音：“我不知道。”<br>

        　　他听了我这句话，没再说什么。于是，我们就这样僵持着。<br>

        　　不一会儿，风吹起来了，我开始颤抖起来。我抬头看了李维伦一眼，他正在面无表情的盯着我。看着他的表情，我感到恐惧。

        　　“我先回去了。”我感觉我的声音也颤抖起来。<br>

        　　他眨了一下眼睛，又叹了一口气，“回去吧，天冷了，多添一件衣服。”他转过身，走了。

        　　看着他的背影，忽然觉得，他很落寞。<br>

        　　我回到家，看着窗外还没有开的梅花，泪立刻占领了我的眼眶。因为今天是圣诞节，而今年的圣诞节没有下雪。<br>

        　　两年前的一天，我正在家里写作业。忽然，我闻到了一阵梅花香。我抬起头，看见哥哥正在窗外忙着什么。我打开窗，冷风立刻吹了进来。<br>
        “今年的梅花开得晚了”，我看着天上一闪而过的飞机默默地叹了口气。口中飘出的热气，似乎也在跟着飞机，不见了。

        　　“你还在想他？”李维伦回过头看着我。我不说话，等待着他的下一句。“你还不想放弃吗？你到底想等他多久？”他皱了皱眉头。

        　　我看着地上，发出了哽咽的声音：“我不知道。”<br>

        　　他听了我这句话，没再说什么。于是，我们就这样僵持着。<br>

        　　不一会儿，风吹起来了，我开始颤抖起来。我抬头看了李维伦一眼，他正在面无表情的盯着我。看着他的表情，我感到恐惧。

        　　“我先回去了。”我感觉我的声音也颤抖起来。<br>

        　　他眨了一下眼睛，又叹了一口气，“回去吧，天冷了，多添一件衣服。”他转过身，走了。

        　　看着他的背影，忽然觉得，他很落寞。<br>

        　　我回到家，看着窗外还没有开的梅花，泪立刻占领了我的眼眶。因为今天是圣诞节，而今年的圣诞节没有下雪。<br>

        　　两年前的一天，我正在家里写作业。忽然，我闻到了一阵梅花香。我抬起头，看见哥哥正在窗外忙着什么。我打开窗，冷风立刻吹了进来。<br>
    </p>
</body>

</html>

结果

在这里插入图片描述

hello_sunny123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
GPS定位篇
christina23_的博客
02-14 4060
关键词： GPS定位 AGPS定位 Wifi定位 基站定位 1.基础知识： GPS: 全球定位系统(Global Positioning System，GPS)是一种以人造地球卫星为基础的高精度无线电导航的定位系统，它在全球任何地方以及近地空间都能够提供准确的地理位置、车行速度及精确的时间信息。 AGPS: 辅助全球卫星定位系统（英语：Assisted Global Positioning System，简称：AGPS）指的是一种GPS的运行方式。它可以利用手机基地站的资讯，配合传统GPS卫星，让定位的速度
CSS定位
『愚』的博客
11-04 9340
CSS定位定位：标准文档流static定位相对定位绝对定位固定定位z-index属性网页元素透明度圆角边框 定位： position属性 说明 static 默认值，没有定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 标准文档流 标准文档流是指页面上从上到下,从左到右,网页元素一个挨一个的简单的正常的布局方式。 一般在HTML元素分为两种：块级元素和行内元素。 块级元素： 块级元素是从上到下一行一行的排列，默认一个块级元素会占用一行，
day55-定位流-js
xiaoyurainzi的博客
09-22 1027
目录一、定位流1.1、相对定位就是相对于自己以前在标准流中的位置来移动1.2、绝对定位就是相对于body或者某个定位流中的祖先元素来定位1.3、固定定位1.4、静态定位1.5、z-index二、JavaScript2.1、JavaScript简介2.2、JavaScript引入方式2.3、JavaScript语法规范2.4、变量2.5、 数据类型与内置方法 一、定位流 1.1、相对定位就是相对于自己以前在标准流中的位置来移动 格式：　　position：relative 需要配合以下四个属性一起使用
小程序获取定位扫码打卡功能
weixin_45991188的博客
05-14 1844
<view bindtap="onClockIn"></view> app.json "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序定位" } }, // 扫码打卡 onClockIn() { let vm = this wx.getSetting({ success(res) { // res.authSetting['scope.
UWB高精度室内定位系统
df2002的博客
06-09 2261
室内通过部署UWB高精度室内定位系统，将定位标签集成至胸卡、手环等设备上，可提供集风险管控、人员管理、设备管理、实时显示、应急救援等功能。
Android定位功能
luckypeng的专栏
06-11 2151
不说废话，直接说说实现android定位有关的API吧。 这些API都在android.location包下，一共有三个接口和八个类。它们配合使用即可实现定位功能。 三个接口： GpsStatus.Listener：这是一个当GPS状态发生改变时，用来接收通知的接口。 GpsStatus.NmeaListener：这是一个用来从GPS里接收Nmea-0183（为海用电子设备
北斗卫星短信通信与定位详解
weixin_41231299的博客
09-16 7405
北斗卫星短信通信详解 北斗通信卫星离地面大约2.15万千米，现在总共有55颗挂在天上合围成一个大球包裹着地球这个小球，地球自转它们也跟着，所以保证了卫星与地面某一点的相对位置可保持不变，所以以后别人问你家住哪的时候，你就可以说：三号北斗在我家门口上方，你家的是几号呀？哈哈，开个玩笑。但是原理就是这样的。 现在我们就说说怎么用北斗来发短信吧。为什么不用手机呢，因为手机在有些地方可能没信号，比如在飞机上、太空或者南极，现在国内也有很多地方没手机信号，森山老林，沙漠等，还有手机没电了也没信号，皮一下很开心嘛，哈哈
ELF重定位
RToax
10-30 2225
在工作和学习中，越发发现ELF文件格式的重要性，今天简单谈谈ELF重定位。重定位技术实际上是给二进制打补丁的机制，如果使用了动态连接器，可以使用重定位在内存打热补丁。 ELF重定位重定位技术实际上是给二进制打补丁的机制，如果使用了动态连接器，可以使用重定位在内存打热补丁。https://mp.weixin.qq.com/s?__biz=MzAxNjIyNDgzNw==&mid=2247488904&idx=1&sn=78cb9a50f76b471d760e37be0527a02..
【AI大模型】赋能儿童安全：楼层与室内定位实践与未来发展
最新发布
结合项目案例，记录点点滴滴，自己回顾，分享他人o__o
07-09 1万+
人工智能（AI）技术通过模拟人类智能，能够处理复杂的任务，如图像识别、自然语言处理和决策制定等。近年来，AI技术在各个领域的应用都取得了显著进展，特别是在定位和监控方面。室内定位技术通过使用各种传感器和算法，实现对物体或人的精确定位。常用的室内定位技术包括Wi-Fi定位、蓝牙定位、超宽带（UWB）定位和视觉定位等。相比于GPS在室外环境中的应用，室内定位技术解决了在复杂室内环境中的定位难题。儿童安全是社会关注的重要议题。
QT开发框架下调用百度地图实现导航定位
weixin_49648103的博客
08-13 6002
之前在QT开发框架下调用了百度地图，调用流程请见这篇博文添加链接描述 现在是在上面实现导航定位的功能。操作主要在网页内进行。 一、实时定位 实时定位的实现主要是串口的调用，在串口实时输入GPS的坐标，显示在调用的百度地图上。 里面涉及qt程序和html文件的信息交互。 首先在QT程序里面写一个串口的类程序如下所示。 #include "serialtool.h" #include <QSerialPortInfo> #include <QDebug> serialTool::ser
MC55.rar_mc55
07-14
8. **调试技巧**: 资料中可能会提供一些调试工具的使用教程，如JTAG或SWD接口的调试器，帮助开发者定位和解决问题。 9. **安全性和可靠性**: 对于工业级应用，MC55的开发可能涉及安全性和可靠性的考虑，如看门狗...
视觉定位坐标计算
01-30
视觉定位是一种基于图像处理技术的定位方法，广泛应用于机器人导航、无人机飞行、增强现实(AR)等领域。在“视觉定位坐标计算”这个主题中，我们主要探讨如何利用摄像头的几何光学模型来确定物体在三维空间中的位置。...
CSL库55系列
11-14
CSL库55系列是TI（Texas Instruments）公司为C55x DSP（数字信号处理器）设计的一个核心软件库，主要用于简化对C5501、C5502、C5509、C5509A以及C5510等型号处理器的硬件接口操作。由于从CCS（Code Composer Studio...
USB接口g-mouse SKM55，即插即用的IP67防水天线一体化定位GNSS gmouse
07-07
此外，SKM55采用IP67级防水设计，意味着它可以防止灰尘侵入，并能在短暂的水浸情况下正常工作，适合各种户外和车载定位应用。 该模块提供USB接口，允许用户根据需求定制线缆长度，以适应不同车辆的车载定位需求。其...
华硕X55VD MAIN BOARD 点位图 希望喜欢.rar
03-24
点位图的存在使得技术人员无需深入研究复杂的电路原理，就能快速定位问题部件，提高故障排查效率。资源大小适中，易于下载，表明该资料对于有需要的人来说是一个实用且便捷的工具。 标签“X55VD”进一步确认了这是...
14 目录文件夹和根目录
hello_sunny123的博客
06-20 4600
目录文件夹和根目录: 实际工作中,我们的文件不能随便乱放,否则用起来很难快速的找到他们,因此我们需要一个文件夹来管理他们。 目录文件夹:就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件、图片等。 根目录:打开目录文件夹的第一层就是根目录。 如果我们想做一个网站，首先建一个文件夹命名为 web,这个文件夹里包含了大量的图片和一个显示网页的文件 web是目录文件夹 下边的页面是根目录 image文件夹不是根目录 ...
3 常用的浏览器
hello_sunny123的博客
06-15 4304
一 常用的浏览器 浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐(Firefox )、谷歌(Chrome )、 Safari(苹果浏览器)和Opera(欧朋浏览器)等。平时称为五大浏览器。 二 浏览器内核 浏览器内核(渲染引擎) :负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。 目前国内一般浏览器都会采用Webkit/Blink内核,如360,UC,QQ、搜狗等。 ...
13 图像标签(重要)
hello_sunny123的博客
06-19 2734
1.图像标签 在HTML标签中, <img>标签用于定义HTML页面中的图像。 <img scr="图像URL"/> img是单词image的缩写,意为图像。 src是<img>标签的必须属性,它用于指定图像文件的路径和文件名。 所谓属性:简单理解就是属于这个图像标签的特性。 图像标签 代码示例： 注意把图片和程序放到一个文件夹里，这样子它才能找到 <!DOCTYPE html> <html lang="en"> <head>
56 案例淘宝焦点图布局 网页布局总结
hello_sunny123的博客
08-09 1885
案例淘宝焦点图布局如图所示： 案例:淘宝焦点图布局制作 1.大盒子我们类名为: tb-promo 淘宝广告 2.里面先放一张图片。 3.左右两个按钮用链接就好了。左箭头prev右箭头next 4.底侧小圆点u继续做。类名为promo-nav 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值