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

两个圆形 一个z里面一个z外面，z里面的大，颜色不同 html

news 2026/3/30 4:32:43

两个圆形 一个z里面一个z外面，z里面的大，颜色不同 html

<!DOCTYPE html>
<html>
<head>
<style>
.outer-circle {width: 150px;height: 150px;border-radius: 50%;background-color: #ff9999; /* 外圆的颜色 */position: relative;
}.inner-circle {width: 100px;height: 100px;border-radius: 50%;background-color: #99ff99; /* 内圆的颜色 */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
/* 两个圆形 一个z里面一个z外面，z里面的大，颜色不同 html */
</style>
</head>
<body><div class="outer-circle"><div class="inner-circle"></div>
</div></body>
</html>

相关文章：

两个圆形 一个z里面一个z外面，z里面的大，颜色不同 html

两个圆形 一个z里面一个z外面&#xff0c;z里面的大&#xff0c;颜色不同 html <!DOCTYPE html> <html> <head> <style> .outer-circle {width: 150px;height: 150px;border-radius: 50%;background-color: #ff9999; /* 外圆的颜色 */position: relat…...

编程日记 2024/9/29 6:09:30

【Power Query】M函数-table

M函数-table 添加列&#xff08;AddColumn&#xff09;&#xff1a;条件语句&#xff08;If..then..else&#xff09;&#xff1a;容错语句&#xff08;try..otherwise&#xff09;&#xff1a; 排序&#xff08;ReorderColumns&#xff09;&#xff1a;筛选&#xff08;Selec…...

编程日记 2024/9/29 6:08:28

uni-app 封装websocket 心跳检测，开箱即用

class websocketUtils {constructor(url, needbeat, options {}) {this.needbeat needbeat;this.url url;this.options options;this.ws null;this.heartbeatInterval options.heartbeatInterval || 10000; // 心跳间隔&#xff0c;默认为10秒 this.reconnectInterval …...

编程日记 2024/9/29 6:07:27

ASP.NET Core8.0学习笔记（十九）——EF Core DbSet

一、DbSet概述 1.DbSet提供了通过DbContext对表进行查询操作的路径。DbSet对应的属性名称将默认映射为实体T的表名。 2.使用DbSet<T>进行查询的方法&#xff1a; (1)直接在DbContext中创建对应的DbSet<T>属性 (2)使用DbSet DbContext.Set<T>方法操作数据表。…...

编程日记 2024/9/29 6:06:26

Android Camera 预览角度和拍照保存图片角度相关

–基于Android R(11) 关于Camera Camera Framework 的架构 Android Camera Framework 是一个分层架构&#xff0c;由以下组件组成&#xff1a; HAL&#xff08;硬件抽象层&#xff09;: HAL 抽象底层相机硬件,提供与不同设备相机进行交互的标准接口.CameraService : Camera…...

编程日记 2024/9/29 6:05:25

新手如何使用Qt——方法使用

前言 那么这篇文章其实是我在使用Qt的过程当中呢&#xff0c;我发现在Qt使用过程中&#xff0c;在我理解信号和槽这个概念后&#xff0c;在编写槽函数数的时候&#xff0c;发现了自身存在的问题&#xff0c;我的难点是在于当我在编写槽函数的时候&#xff0c;我知道这个槽函数是…...

编程日记 2024/9/29 6:04:23

友元运算符重载函数

目录 1.定义友元运算符重载函数的语法形式 2.双目运算符重载 3.单目运算符重载 1.定义友元运算符重载函数的语法形式 &#xff08;1&#xff09;在类的内部&#xff0c;定义友元运算符重载函数的格式如下&#xff1a; friend 函数类型 operator 运算符&#xff08;形参表&a…...

编程日记 2024/9/29 6:03:23

从0开始实现es6 promise类

主要由基础实现和静态类的实现两部分组成。 1 基础实现&#xff08;不含静态类&#xff09; 1.1 使用类实现完成构造函数 实现代码如下&#xff0c;构造函数传入一个回调函数&#xff0c;定义resolve和reject函数&#xff0c;将两个函数作为参数执行回调函数。 // 1. 使用类实…...

编程日记 2024/9/29 6:01:21

XML 编码

XML 编码 XML&#xff08;可扩展标记语言&#xff09;是一种用于存储和传输数据的标记语言。它由万维网联盟&#xff08;W3C&#xff09;开发&#xff0c;旨在提供一种标准的方式来结构化、存储和传输数据。XML的设计目标是既易于人类阅读&#xff0c;也易于机器解析。 XML的…...

编程日记 2024/9/29 5:59:19

AI周报（9.22-9.28）

AI应用-Siipet宠物沟通师 Siipet是一款由SiiPet公司推出的创新宠物行为分析相机&#xff0c;旨在通过尖端技术加深宠物与主人之间的情感联系。这款相机利用先进的AI算法&#xff0c;能够自动识别和分析家中宠物的行为&#xff0c;并提供定制化的护理建议。 SiiPet相机的核心功…...

编程日记 2024/9/29 5:58:18

基于RealSense D435相机实现手部姿态重定向

基于Intel RealSense D435相机和MediaPipe的手部姿态检测&#xff0c;进一步简单实现手部姿态与机器人末端的重定向&#xff0c;获取手部的6D坐标&#xff08;包括位置和姿态&#xff09;。 假设已经按照【基于 RealSenseD435i相机实现手部姿态检测】配置好所需的库和环境&…...

编程日记 2024/9/29 5:57:17

js中防抖 debounce 节流 throttle 原理 从0手动实现

1 防抖 高频触发事件时&#xff0c;执行损耗高的操作&#xff0c;连续触发过程中&#xff0c;只执行最后一次。 高频事件&#xff1a;input scroll resize等。损耗高&#xff1a;网络请求、dom操作。 实现防抖步骤&#xff1a;1.在回调函数中判断timer是否存在&#xff0c;存在…...

编程日记 2024/9/29 5:56:16

AIGC: 10 AI转文服务器的搭建过程记录

上图是台风席卷城市&#xff0c;现在企业的服务基本都是混合部署&#xff0c;云计算厂商的机房往往可以提供比较好的保护&#xff0c;一般在地下&#xff0c;扛多少级地震&#xff0c;扛多少级台风&#xff0c;而自建机房&#xff0c;往往写字楼经常停电&#xff0c;网络运营上…...

编程日记 2024/9/29 5:53:14

性能测试1初步使用Jmeter

当你看到这边文章的时候&#xff0c;详细你已经知道啥是性能测试&#xff0c;以及也听说过Jmeter了&#xff0c;所以不过多介绍&#xff0c;这里&#xff0c;只是帮助你快速的使用Jmeter来测试接口。 1获取安装包 官网下载地址&#xff1a;https://jmeter.apache.org/downloa…...

编程日记 2024/9/29 5:52:13

OpenGL ES 绘制一个三角形(2)

OpenGL ES 绘制一个三角形(2) 简述 本节我们基于Android系统&#xff0c;使用OpenGL ES来实现绘制一个三角形。在OpenGL ES里&#xff0c;三角形是一个基础图形&#xff0c;其他的图形都可以使用三角形拼接而成&#xff0c;所以我们就的案例就基于这个开始。 在Android系统中…...

编程日记 2024/9/29 5:51:11

QT----Creater14.0,qt5.15无法启动调试,Launching GDB Debugger报红

问题描述 使用QT Creater 14.0 和qt5.15,无法启动调试也没有报错,加载debugger报红 相关文件都有 解决方案 尝试重装QT,更换版本5.15.2,下载到文件夹,shift鼠标右键打开powershell输入 .\qt-online-installer-windows-x64-4.8.0.exe --mirror http://mirrors.ustc.edu.cn…...

编程日记 2024/9/29 5:49:09

初试React前端框架

文章目录 一、React概述二、React核心特性1、组件化设计2、虚拟DOM3、生态系统 三、实例操作1、准备工作2、创建项目结构3、启动项目4、编写React组件5、添加React样式6、运行项目&#xff0c;查看效果 四、实战小结 一、React概述 大家好&#xff0c;今天我们将一起探索React…...

编程日记 2024/9/29 5:48:08

华为OD机试真题---手机App防沉迷系统

题目概述 智能手机在方便我们生活的同时&#xff0c;也侵占了大量时间。手机App防沉迷系统旨在帮助用户合理规划手机App使用时间&#xff0c;确保在正确的时间做正确的事。系统的主要功能包括&#xff1a; 在一天24小时内&#xff0c;可注册每个App的允许使用时段。一个时段只…...

编程日记 2024/9/29 5:47:07

物流货运托运发货单二联三联打印软件定制 佳易王物流单管理系统操作教程

一、前言 物流货运托运发货单二联三联打印软件定制 佳易王物流单管理系统操作教程 1、软件为绿色免安装版&#xff0c;解压即可使用&#xff0c;已经内置数据库&#xff0c;不需再安装。 2、软件下载可以到本文章最后点击官网卡片下。 二、软件程序教程 1、如图&#xff0c;…...

编程日记 2024/9/29 5:46:06

代码随想录算法训练营| 找树左下角的值 、 路径总和 、 从中序与后序遍历序列构造二叉树

找树左下角的值 题目 参考文章 思路&#xff1a;这里寻找最左下角的值&#xff0c;其实用前中后序都是可以的&#xff0c;只要保证第一遍历的是左边开始就可以。设置Deep记录遍历的最大深度&#xff0c;deep记录当前深度。当遇到叶子节点时而且当前深度比最大深度还大则更换最…...

编程日记 2024/9/29 5:45:05

RK3588部署MMPose模型踩坑实录：手把手教你解决ReduceL2算子溢出与精度丢失问题

RK3588部署MMPose模型实战&#xff1a;ReduceL2算子溢出问题的深度解析与手术级修复 当关键点检测模型的精度要求遇上边缘计算设备的硬件限制&#xff0c;RK3588平台上的MMPose部署往往会遭遇令人头疼的算子兼容性问题。其中ReduceL2算子的溢出问题尤为典型——它像一道无形的屏…...

编程新知 2026/3/30 3:45:10

SAM 3图文对话式分割：‘红色书包’‘戴眼镜的人’等自然语言识别案例

SAM 3图文对话式分割&#xff1a;‘红色书包’‘戴眼镜的人’等自然语言识别案例 1. 引言&#xff1a;让AI看懂你的图片 你有没有遇到过这样的情况&#xff1f;看到一张照片&#xff0c;想找出里面某个特定的人或物体&#xff0c;但手动圈选太麻烦&#xff0c;特别是当图片中…...

编程新知 2026/3/30 3:30:52

LeetCodehot100-25 K 个一组翻转链表

class Solution { public:ListNode* reverseKGroup(ListNode* head, int k) {if (head nullptr || k 1) return head;ListNode dummy(0);dummy.next head;ListNode* prev &dummy; // 指向待反转组的前一个节点while (true) {// 检查剩余节点是否够k个ListNode* tail …...

编程新知 2026/3/30 3:18:47

多模态大模型目标检测——从VOC到微调数据集的实战转换

1. 从VOC到多模态大模型的数据转换实战 第一次用Qwen2-VL做道路病害检测时&#xff0c;我对着VOC格式的RDD2022数据集发愁——XML文件和图片怎么变成大模型能"吃"的格式&#xff1f;这就像让习惯吃西餐的人突然用筷子&#xff0c;得先把食物切成合适的形状。下面我就…...

编程新知 2026/3/30 2:58:41

Kubernetes集群的搭建与DevOps实践（下）- 部署实践篇

需求清单&#xff1a; 100张数据表要迁移&#xff08;还要支持后续动态新增&#xff09; 双链路同步&#xff1a;MySQL到MySQL、MongoDB到PostgreSQL 不能写死配置&#xff0c;要能灵活扩展 工期不到1个月 技术约束&#xff1a; 源环境&#xff08;塔外&#xff09;和目标环境&…...

编程新知 2026/3/30 2:08:28

OpenClaw自动化报告：Qwen3.5-4B-Claude周报生成与邮件发送

OpenClaw自动化报告&#xff1a;Qwen3.5-4B-Claude周报生成与邮件发送 1. 为什么选择OpenClaw处理周报任务 每周五下午&#xff0c;我都会面临同样的困扰——需要从零散的会议记录、Git提交和即时通讯对话中提取关键信息&#xff0c;整理成一份结构清晰的周报。这个耗时1-2小…...

编程新知 2026/3/30 1:20:02

Paimon数据湖实战：Merge Engines深度解析与应用场景

1. Paimon数据湖中的Merge Engines核心机制 第一次接触Paimon的Merge Engines时&#xff0c;我完全被它强大的数据合并能力震撼到了。这就像是一个智能的数据管家&#xff0c;能够根据不同的业务需求&#xff0c;自动帮你处理各种复杂的数据合并场景。在实际项目中&#xff0c;…...

编程新知 2026/3/29 22:20:42

保姆级教程：在Mac/Linux上为RuoYi项目永久修复SQL Server的SSL连接问题

保姆级教程&#xff1a;在Mac/Linux上为RuoYi项目永久修复SQL Server的SSL连接问题 当你在Mac或Linux系统上使用RuoYi框架连接SQL Server数据库时&#xff0c;可能会遇到令人头疼的SSL协议错误。这些错误通常表现为连接池初始化失败或安全连接无法建立&#xff0c;核心问题往往…...

编程新知 2026/3/29 22:16:42

Unity Input System手势识别避坑指南：为什么你的双指缩放总是不跟手？

Unity Input System手势识别避坑指南&#xff1a;为什么你的双指缩放总是不跟手&#xff1f; 当你在Unity中实现双指缩放功能时&#xff0c;是否遇到过这样的问题&#xff1a;用户手指明明在屏幕上流畅滑动&#xff0c;但画面却像卡顿了一样&#xff0c;或者缩放比例突然跳变&a…...

编程新知 2026/3/29 21:50:31

对于对话中的文本简化，OpenClaw 的压缩比和可读性如何平衡？

关于文本简化中压缩比与可读性的平衡&#xff0c;这其实是一个在工程实践中经常遇到的核心矛盾。OpenClaw 的处理方式&#xff0c;仔细推敲起来&#xff0c;背后反映的是一种偏向实用主义的权衡思路。 压缩比高&#xff0c;通常意味着文本被大幅度精简&#xff0c;只保留最核心…...

编程新知 2026/3/29 21:30:23