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

css步骤条

news 2026/2/10 13:17:55

html 代码以及样式

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>css步骤条</title><style>.steps {display: flex;justify-content: space-between;padding: 0;margin: 20px 10px;list-style: none;counter-reset: order; /* 定义css 计时器 */--normal-color: #666;--active-color: #06e;}.steps li {counter-increment: order; /* 选择器增量 */color: var(--active-color); /* 定义变量，默认都是高亮颜色 */}.steps li::before {content: counter(order); /* 使用计数器的数字作为内容 */display: inline-block;width: 1.4em;margin-right: 0.5em;text-align: center;border-radius: 50%;border: 1px solid; /* 这里故意不设置颜色，将来使用继承的颜色 */flex-shrink: 0; /* 行内伪元素，实现计数器 */}/* 步骤项引导线 */.steps li {flex: auto; /* 弹性宽度（根据内容调整） */display: flex;align-items: center;}.steps li:not(:last-child)::after {content: '';flex: 1; /* 内部在开启flex自适应 */margin: 0 1em;border-bottom: 1px solid;opacity: 0.6;}.steps li:last-child {flex: none; /* 最后一项，没必要等分宽度 */}.steps .active::before {/* 设计激活时数字样式 */color: #ffffff;background: var(--active-color);border-color: var(--active-color);}.steps .active::after,.steps .active ~ li {/* 后面的线和step设置成黑色 */color: var(--normal-color);}</style>
</head>
<body><ol class="steps"><li>注册</li><li class="active">域认证</li><li>身份校验</li><li>开通账号</li>
</ol>
</body>
</html>

css步骤条

html 代码以及样式 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>css步骤条</title><style>.steps {display: flex;justify-content: space-between;padding: 0;margin: 20px 10px;lis…...

编程日记 2023/10/27 1:00:33

[Hive] 常见函数

文章目录字符串函数数值函数随机函数日期和时间函数字符串转时间聚合函数数组函数结构体函数数组函数映射函数 map正则处理JSON 字符串函数 CONCAT(string1, string2, …)：将多个字符串连接成一个字符串。 LENGTH(string)：返回字符串的长度。 LOWER…...

编程日记 2023/10/27 0:58:30

Mac用NTFS文件夹读写NTFS硬盘 NTFS能复制多大的文件

Mac作为一款备受欢迎的计算机操作系统，具备了许多令人惊叹的功能和特性。然而，对于一些Mac用户来说，使用NTFS格式的硬盘可能存在一些疑问。他们可能想知道Mac是否能够读写NTFS格式的硬盘，以及NTFS格式的硬盘是否有文件大小的限制。…...

编程日记 2023/10/27 0:57:29

【unity3D】Scroll Rect组件—制作下滑列表

💗 未来的游戏开发程序媛，现在的努力学习菜鸡 💦本专栏是我关于游戏开发的学习笔记 🈶本篇是unity的Scroll Rect组件 Scroll Rect组件基础知识详细说明案例演示——制作一个简单的下滑框扩展介绍：Scroll Rect组件是用…...

编程日记 2023/10/27 0:56:28

网络扫描与网络监听

前言：前文给大家介绍了网络安全相关方面的基础知识体系，以及什么是黑客，本篇文章笔者就给大家带来“黑客攻击五部曲”中的网络扫描和网络监听目录黑客攻击五部曲网络扫描按扫描策略分类按照扫描方式分类被动式策略系统用户扫描 …...

编程日记 2023/10/27 0:55:25

Codeforces Round 904 (Div. 2) C

C. Medium Design 思路：我们设最大值所在的下标为 x x x,最小值所在的下标为 y y y,那么我们考虑一段区间对于答案的贡献： 若一段区间覆盖了 x x x，但没有覆盖 y y y,那么这段区间需要选择若一段区间覆盖了 y y y，但没有覆盖 x…...

编程日记 2023/10/27 0:54:24

DBeaver连接数据库报错：Public Key Retrieval is not allowed 的解决方案

写在前面： DBeaver是一款免费的数据库管理工具，安装也是傻瓜式一键安装，比较推荐。 DBeaver官网（加载有点慢，耐心等待）：DBeaver Community | Free Universal Database Tool 报错详情&#xff…...

编程日记 2023/10/27 0:52:23

DeepFace【部署 04】轻量级人脸识别和面部属性分析框架deepface使用Docker部署CPU+GPU两个版本及cuDNN安装

使用Docker部署CPUGPU 1.CPU2.GPU3.cuDNN安装3.1 Prerequisites3.2 下载Linux版本cuDNN3.3 安装 1.CPU 本说明基于DeepFace的Docker镜像文件deepface_image.tar进行说明。 # 1.导入镜像 docker load -i deepface_image.tar# 2.创建模型文件夹【并将下载好的模型文件上传】 mk…...

编程日记 2023/10/27 0:51:21

程序生活 - 减肥小记

文章目录缘起健康就好了吗？关于外在和物质生活难与易我的减肥生活一些细节轻断食戒糖、油炸、重口味睡眠改变社交方式用运动化解压力不喝牛奶缘起 2017年的一次腿受伤，让我从一个怎么都吃不胖的人，变成了一个实实在在的胖子。如果你从来…...

编程日记 2023/10/27 0:50:20

深度学习_4_实战_直线最优解

梯度实战代码： # %matplotlib inline import random import torch import matplotlib.pyplot as plt # from d21 import torch as d21def synthetic_data(w, b, num_examples):"""生成 Y XW b 噪声。"""X torch.normal(0,…...

编程日记 2023/10/27 0:49:19

《视觉SLAM十四讲》公式推导（三）

文章目录 CH3-8 证明旋转后的四元数虚部为零，实部为罗德里格斯公式结果 CH4 李群与李代数CH4-1 SO(3) 上的指数映射CH4-2 SE(3) 上的指数映射CH4-3 李代数求导对极几何：本质矩阵奇异值分解矩阵内积和迹 CH3-8 证明旋转后的四元数虚部为零，实部…...

编程日记 2023/10/27 0:48:18

pnpm、npm、yarn的区别

pnpm、npm、yarn是三种不同的包管理器，它们之间有一些区别。安装速度：pnpm的安装速度比npm和yarn快，因为它使用了只下载必需的模块，而不是下载整个依赖树。此外，pnpm还可以并行下载模块，从而进一步提高下…...

编程日记 2023/10/27 0:45:13

搞定蓝牙——第四章（GATT协议）

搞定蓝牙——第四章（GATT协议） 原理介绍层次结构server和client端Attribute ESP32代码文章下面用的英文表示： server和client：服务端和客户端 char.：characteristic缩写，特征 Attribute:属性 ATT:Attribut…...

编程日记 2023/10/27 0:44:12

Go语言入门心法(十四): Go操作Redis实战

Go语言入门心法(一): 基础语法 Go语言入门心法(二): 结构体 Go语言入门心法(三): 接口 Go语言入门心法(四): 异常体系 Go语言入门心法(五): 函数 Go语言入门心法(六): HTTP面向客户端|服务端编程 Go语言入门心法(七): 并发与通道 Go语言入门心法(八): mysql驱动安装报错o…...

编程日记 2023/10/27 0:43:10

Java学习笔记（三）

前言这个主要就是想记录一个点，就是二维数组保存的元素就是一维数组的地址，这个概念大家都知道了，那么接下来就是我最近写程序发生的一个事情了。随机打乱一个一维数组这个程序我相信大家都是会写的，通过randomArr来随机打乱…...

编程日记 2023/10/27 0:42:09

Flutter笔记：GetX模块中不使用 Get.put 怎么办

Flutter笔记 GetX模块中不使用 Get.put 怎么办作者：李俊才 （jcLee95）：https://blog.csdn.net/qq_28550263 邮箱 ：291148484163.com 本文地址：https://blog.csdn.net/qq_28550263/article/details/13400672…...

编程日记 2023/10/27 0:41:08

2023前端面试整理

1. 介绍一下最近参与的项目,负责那些业务,在开发过程中遇到过问题吗？最后是咋样处理的？ 之前负责过大小十几个项目，负责过浙里办的整套上架流程，负责过数据大屏统计，后台管理系统文书生成表单生成等，浙政钉…...

编程日记 2023/10/27 0:40:07

文化融合：TikTok如何弥合跨文化差异

随着全球化的加速和数字媒体的崛起，社交媒体平台已经成为连接世界各地人们的纽带。其中，TikTok作为一个引领者，正在以惊人的速度消除跨文化差异，促进文化融合，使人们更加了解和尊重不同背景和传统。本文将深入探讨Ti…...

编程日记 2023/10/27 0:39:06

asp.net core获取config和env

配置文件的读取和使用 //读取配置文件直接使用 var configModel configuration.GetSection("DataBaseConfig").Get<DataBaseConfigModel>(); //读取配置文件注入到IOC中 services.Configure<AssemblyConfig>(configuration.GetSection("AssemblyC…...

编程日记 2023/10/27 0:38:05

Git不常用命令(持续更新)

今日鸡汤：当你最满足的时候，通常也最孤独；当你最愤慨的时候，通常也最可怜。此博文会列出一些平时不常用，但是能提高效率的git命令，后续会出IDEA对应的操作步骤快看看你是不是都用过... 分支（…...

编程日记 2023/10/27 0:37:04

KubeSphere 容器平台高可用：环境搭建与可视化操作指南

Linux_k8s篇欢迎来到Linux的世界，看笔记好好学多敲多打，每个人都是大神！ 题目：KubeSphere 容器平台高可用：环境搭建与可视化操作指南版本号: 1.0,0 作者: 老王要学习日期: 2025.06.05 适用环境: Ubuntu22 文档说…...

编程新知 2026/2/9 18:19:34

2024年赣州旅游投资集团社会招聘笔试真

2024年赣州旅游投资集团社会招聘笔试真题 ( 满分 1 0 0 分时间 1 2 0 分钟 ) 一、单选题(每题只有一个正确答案，答错、不答或多答均不得分) 1.纪要的特点不包括()。 A.概括重点 B.指导传达 C. 客观纪实 D.有言必录【答案】: D 2.1864年，()预言了电磁波的存在，并指出…...

编程新知 2025/12/10 4:08:53

3-11单元格区域边界定位(End属性)学习笔记

返回一个Range 对象，只读。该对象代表包含源区域的区域上端下端左端右端的最后一个单元格。等同于按键 End 向上键(End(xlUp))、End向下键(End(xlDown))、End向左键(End(xlToLeft)End向右键(End(xlToRight)) 注意：它移动的位置必须是相连的有内容的单元格…...

编程新知 2026/2/9 15:39:14

蓝桥杯3498 01串的熵

问题描述对于一个长度为 23333333的 01 串, 如果其信息熵为 11625907.5798， 且 0 出现次数比 1 少, 那么这个 01 串中 0 出现了多少次? #include<iostream> #include<cmath> using namespace std;int n 23333333;int main() {//枚举 0 出现的次数//因…...

编程新知 2026/2/6 2:05:50

人工智能（大型语言模型 LLMs）对不同学科的影响以及由此产生的新学习方式

今天是关于AI如何在教学中增强学生的学习体验，我把重要信息标红了。人文学科的价值被低估了 ⬇️ 转型与必要性人工智能正在深刻地改变教育，这并非炒作，而是已经发生的巨大变革。教育机构和教育者不能忽视它，试图简单地禁止学生使…...

编程新知 2026/2/9 10:58:49

基于SpringBoot在线拍卖系统的设计和实现

摘要随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。在线拍卖系统，主要的模块包括管理员；首页、个人中心、用户管理、商品类型管理、拍卖商品管理、历史竞拍管理、竞拍订单…...

编程新知 2026/1/26 13:25:02

【JVM面试篇】高频八股汇总——类加载和类加载器

目录 1. 讲一下类加载过程？ 2. Java创建对象的过程？ 3. 对象的生命周期？ 4. 类加载器有哪些？ 5. 双亲委派模型的作用（好处）？ 6. 讲一下类的加载和双亲委派原则？ 7. 双亲委派模…...

编程新知 2026/1/31 11:18:29

android RelativeLayout布局

<?xml version"1.0" encoding"utf-8"?> <RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android"android:layout_width"match_parent"android:layout_height"match_parent"android:gravity&…...

编程新知 2026/2/6 13:49:41

鸿蒙（HarmonyOS5）实现跳一跳小游戏

下面我将介绍如何使用鸿蒙的ArkUI框架，实现一个简单的跳一跳小游戏。 1. 项目结构 src/main/ets/ ├── MainAbility │ ├── pages │ │ ├── Index.ets // 主页面 │ │ └── GamePage.ets // 游戏页面 │ └── model │ …...

编程新知 2025/11/20 18:21:59

【1】跨越技术栈鸿沟：字节跳动开源TRAE AI编程IDE的实战体验

2024年初，人工智能编程工具领域发生了一次静默的变革。当字节跳动宣布退出其TRAE项目（一款融合大型语言模型能力的云端AI编程IDE）时，技术社区曾短暂叹息。然而这一退场并非终点——通过开源社区的接力，TRAE在WayToAGI等…...

编程新知 2026/1/31 20:18:53

相关文章：