css_17_背景属性鼠标属性
一.背景属性
-属性值：background-color（设置背景颜色）
默认背景颜色是 transparent。
-属性值：background-image（设置背景图片）
url（图片的地址）
-属性值：background-repeat（设置背景重复方式）
repeat：重复，铺满整个元素，默认值。
repeat-x：只在水平方向重复。
repeat-y：只在垂直方向重复。
no-repeat：不重复。
-属性值：background-position（设置背景图位置）
通过关键字设置位置：
写两个值，用空格隔开
水平：left、center、right
垂直： top、center、bottom
如果只写一个值，另一个方向的值取center通过长度指定坐标位置：
以元素左上角，为坐标原点，设置图片左上角的位置。 两个值，分别是x坐标和y坐标。 只写一个值，会被当做
x坐标，y坐标取center
-属性值：background（复合属性）
没有数量和顺序要求
举例：
<style>body {background-color: gray;}div {width: 400px;height: 400px;border:5px black solid;font-size: 20px;/* 设置背景颜色，默认值是transparent */background-color: skyblue;/* 设置背景图片 */background-image: url(../images/img1.jpg);/* 设置背景图片的重复方式 */background-repeat: no-repeat;/* 控制背景图片的位置——第一种写法：用关键词 */background-position: center;/* 控制背景图片的位置——第二种写法：用具体的像素值 */background-position: 100px 200px;/* 复合属性 */background: url(../images/img1.jpg) no-repeat 100px 200px;}</style>
<body><div>这是在说背景属性。</div>
</body>
二.鼠标属性
- 属性名：cursor（设置鼠标光标的样式）
pointer：小手
move：移动图标
text：文字选择器
crosshair：十字架
wait：等待
help：帮助
举例：
<style>div {cursor: pointer;font-size: 50px;}</style>
<body><div>这是在说鼠标属性。</div>
</body>
相关文章：
css_17_背景属性鼠标属性
一.背景属性 -属性值：background-color（设置背景颜色） 默认背景颜色是 transparent。 -属性值：background-image（设置背景图片） url（图片的地址） -属性值：background-re…...
Python hash编码（go hash编码）
id"中国人" 首先，go语言hash: import (mmh3 "murmurhash3") mmh3.Murmurhash3([]byte(id)) 对应到Python hash编码，可以直接使用mmh3 import mmh3 mmh3.hash(id,signedFalse) 其源码可以表示为 def sum32WithSeed(datas, seed…...
)
004 插入排序(lua)
文章目录 123 1 -- Lua中没有类和方法的概念，所以我们将所有功能都写在一个脚本中 -- 交换数组中两个元素的功能 local function swap(arr, i, j) local temp arr[i] arr[i] arr[j] arr[j] temp end -- 插入排序算法的实现 local function insertionS…...
计算机网络 —— 基本概念
基本概念 1. 通信协议2. 面向连接 v.s. 面向无连接3. 电路交换 v.s. 分组交换4. 单工通信 v.s. 双工通信 1. 通信协议 通信协议就是计算机与计算机之间通过网络实现通信时事先达成的一种“约定”。这种“约定”使那些由不同厂商的设备、不同的CPU 以及不同的操作系统组成的计算…...
高精度除法的实现
高精度除法与高精度加法的定义、前置过程都是大致相同的，如果想了解具体内容，可以移步至我的这篇博客：高精度加法计算的实现 在这里就不再详细讲解，只讲解主体过程qwq 主体过程 高精度除法的原理和小学学习的竖式除法是一样的。 …...
STM32CUBEMX配置USB虚拟串口
STM32CUBEMX配置USB虚拟串口 cubemx上默认配置即可。 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 配置完后生成工程，主要就是要知道串口的收发接口就行了。 发送：CDC_Transmit_FS()，同时记得包含头文件#include “…...
安卓开发中margin和padding的区别
在 Android 开发中，margin 和 padding 都是用来定义视图（View）的空间属性，但它们的作用和应用场景有所不同： Margin（外边距）： Margin 是视图与其他视图之间的空间。它定义了视图之间…...
Symfony事件调度系统：掌控应用程序生命周期的钥匙
Symfony事件调度系统：掌控应用程序生命周期的钥匙 引言 Symfony是一个高度灵活的PHP框架，用于构建各种规模的Web应用程序。它的核心特性之一是事件调度系统，该系统允许开发者在应用程序的生命周期中触发和监听事件。这种机制为开发者提供了…...
maven安装jar和pom到本地仓库
举例子我们要将 elastic-job-spring-boot-starter安装到本地的maven仓库，如下： <dependency><groupId>com.github.yinjihuan</groupId><artifactId>elastic-job-spring-boot-starter</artifactId><version>1.0.5&l…...
[leetcode]assign-cookies. 分发饼干
. - 力扣（LeetCode） class Solution { public:int findContentChildren(vector<int>& g, vector<int>& s) {sort(g.begin(), g.end());sort(s.begin(), s.end());int m g.size(), n s.size();int count 0;for (int i 0, j 0; i…...
如何轻松解决复杂文档格式转换问题
上周，我遇到了一个棘手的问题：需要将一大堆PDF文件转换成可编辑的Word文档，时间紧迫，手动转换根本来不及。朋友推荐我使用了一个网站——xuelin.cc，这个网站不仅提供强大的AI对话功能，还能轻松完成各种文档…...
日期类（java)
文章目录 第一代日期类 Date常用构造方法SimpleDateFormat 日期格式化类日期转字符串（String -> Date)字符串转日期 (String->Date) 第二代日期类 Calendar常用字段与如何得到实例对象相关 API 第三代日期类（LocalDate\TIme)日期，时间&…...
【深度学习】C++ Tensorrt Yolov8 目标检测推理
C Tensorrt Yolov8 目标检测推理 模型导出代码yolov8.hyolov8.cppcommon.hppCMakeListmain.cpp C tensorrt对yolov8目标检测模型进行推理。 Windows版本下只需要修改common.hpp对文件的判断S_ISREG 和对文件夹的判断S_ISDIR即可，非核心代码，不调用删掉都…...
【项目日记（二）】搜索引擎-索引制作
❣博主主页: 33的博客❣ ▶️文章专栏分类:项目日记◀️ 🚚我的代码仓库: 33的代码仓库🚚 🫵🫵🫵关注我带你了解更多项目内容 目录 1.前言2.索引结构2.1创捷索引2.2根据索引查询2.3新增文档2.4内存索引保存到磁盘2.5把…...
K 近邻、K-NN 算法图文详解
1. 为什么学习KNN算法 KNN是监督学习分类算法，主要解决现实生活中分类问题。根据目标的不同将监督学习任务分为了分类学习及回归预测问题。 KNN（K-Nearest Neihbor，KNN）K近邻是机器学习算法中理论最简单，最好理解的算法…...
Eclipse + GDB + J-Link 的单片机程序调试实践
Eclipse GDB J-Link 的调试实践 本文介绍如何创建Eclipse的调试配置，如何控制调试过程，如何查看修改各种变量。 对 Eclipse 的要求 所用 Eclipse 应当安装了 Eclipse Embedded CDT 插件。从 https://www.eclipse.org/downloads/packages/ 下载 Ecli…...
前端代码生成辅助工具
1，Axure Axure设计的界面如何生成HTML文件 https://blog.csdn.net/qq_43279782/article/details/112387511 Axure 生成HTML 文件，并用Chrome打开 https://blog.csdn.net/qq_30718137/article/details/80621025 2，OpenUI [开源] OpenUI …...
静态库与动态库总结
一、库文件和头文件 所谓库文件，可以将其理解为压缩包文件，该文件内部通常包含不止一个目标文件（也就是二进制文件）。 值得一提的是，库文件中每个目标文件存储的代码，并非完整的程序，而是一个…...
深入解析tcpdump：网络数据包捕获与分析的利器
引言 在网络技术日新月异的今天，网络数据包的捕获与分析成为了网络管理员、安全专家以及开发人员不可或缺的技能。其中，tcpdump作为一款强大的网络数据包捕获分析工具，广泛应用于Linux系统中。本文将从技术人的角度，详细分析tcpdu…...
【漏洞复现】科立讯通信有限公司指挥调度管理平台uploadgps.php存在SQL注入
0x01 产品简介 科立讯通信指挥调度管理平台是一个专门针对通信行业的管理平台。该产品旨在提供高效的指挥调度和管理解决方案，以帮助通信运营商或相关机构实现更好的运营效率和服务质量。该平台提供强大的指挥调度功能，可以实时监控和管理通信网络设备、…...
iOS 26 携众系统重磅更新，但“苹果智能”仍与国行无缘
美国西海岸的夏天，再次被苹果点燃。一年一度的全球开发者大会 WWDC25 如期而至，这不仅是开发者的盛宴，更是全球数亿苹果用户翘首以盼的科技春晚。今年，苹果依旧为我们带来了全家桶式的系统更新，包括 iOS 26、iPadOS 26…...
Xshell远程连接Kali（默认 | 私钥）Note版
前言:xshell远程连接，私钥连接和常规默认连接 任务一 开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务 任务二 修改配置文件 vi /etc/ssh/ssh_config //第一…...
工业安全零事故的智能守护者：一体化AI智能安防平台
前言： 通过AI视觉技术，为船厂提供全面的安全监控解决方案，涵盖交通违规检测、起重机轨道安全、非法入侵检测、盗窃防范、安全规范执行监控等多个方面，能够实现对应负责人反馈机制，并最终实现数据的统计报表。提升船厂…...
（二）TensorRT-LLM | 模型导出（v0.20.0rc3）
0. 概述 上一节 对安装和使用有个基本介绍。根据这个 issue 的描述，后续 TensorRT-LLM 团队可能更专注于更新和维护 pytorch backend。但 tensorrt backend 作为先前一直开发的工作，其中包含了大量可以学习的地方。本文主要看看它导出模型的部分&#x…...
ESP32读取DHT11温湿度数据
芯片：ESP32 环境：Arduino 一、安装DHT11传感器库 红框的库，别安装错了 二、代码 注意，DATA口要连接在D15上 #include "DHT.h" // 包含DHT库#define DHTPIN 15 // 定义DHT11数据引脚连接到ESP32的GPIO15 #define D…...
【决胜公务员考试】求职OMG——见面课测验1
2025最新版！！！6.8截至答题，大家注意呀！ 博主码字不易点个关注吧,祝期末顺利~~ 1.单选题(2分) 下列说法错误的是:（ B ） A.选调生属于公务员系统 B.公务员属于事业编 C.选调生有基层锻炼的要求 D…...
C++.OpenGL （14/64）多光源（Multiple Lights）
多光源（Multiple Lights） 多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...
Python Ovito统计金刚石结构数量
大家好，我是小马老师。 本文介绍python ovito方法统计金刚石结构的方法。 Ovito Identify diamond structure命令可以识别和统计金刚石结构，但是无法直接输出结构的变化情况。 本文使用python调用ovito包的方法，可以持续统计各步的金刚石结构，具体代码如下： from ovito…...
的打车小程序)
基于鸿蒙(HarmonyOS5)的打车小程序
1. 开发环境准备 安装DevEco Studio (鸿蒙官方IDE)配置HarmonyOS SDK申请开发者账号和必要的API密钥 2. 项目结构设计 ├── entry │ ├── src │ │ ├── main │ │ │ ├── ets │ │ │ │ ├── pages │ │ │ │ │ ├── H…...
LangChain 中的文档加载器（Loader）与文本切分器（Splitter）详解《二》
🧠 LangChain 中 TextSplitter 的使用详解：从基础到进阶（附代码） 一、前言 在处理大规模文本数据时，特别是在构建知识库或进行大模型训练与推理时，文本切分（Text Splitting） 是一个…...