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

QD1-P25 CSS 背景

news 2026/3/30 10:36:37

本节学习：CSS 背景属性

本节视频

https://www.bilibili.com/video/BV1n64y1U7oj?p=25

  • 背景颜色

​Clip_2024-10-13_14-18-42​

  • 背景图片

不重复

​Clip_2024-10-13_14-20-57​

横向重复

​Clip_2024-10-13_14-21-50​

纵向重复

​Clip_2024-10-13_14-22-47​

双向重复

​Clip_2024-10-13_14-23-42​

  • 背景图片大小

400px

​Clip_2024-10-13_14-24-47​

600px

​Clip_2024-10-13_14-25-09​

原图大小

​Clip_2024-10-13_14-26-28​

  • 显示器宽度不够时，显示图片的一部分

​Clip_2024-10-13_14-29-16​

‍

‍

本节HTML

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>P25-CSS背景</title><style type="text/css">body {/* 设置元素的背景色 */background-color: #666666;/* 元素的背景图片，默认备机重复显示 */background-image: url("./src/示例照片2.png");/* 设置被禁图片是否重复no-repeat  不重复repeat-x 横向重复repeat-y 纵向重复repeat  横向纵向都重复*/background-repeat: repeat;/* 设置图片大小 */background-size:600px;}</style></head><body></body>
</html>

示例照片2.png

​示例照片2​

‍

相关文章：

QD1-P25 CSS 背景

本节学习&#xff1a;CSS 背景属性 本节视频 https://www.bilibili.com/video/BV1n64y1U7oj?p25 背景颜色 ​​ 背景图片 不重复 ​​ 横向重复 ​​ 纵向重复 ​​ 双向重复 ​​ 背景图片大小 400px ​​ 600px ​​ 原图大小 ​​ 显示器宽度不够时&…...

编程日记 2024/10/13 15:41:05

《Linux运维总结：基于ARM64+X86_64架构CPU使用docker-compose一键离线部署mongodb 7.0.14容器版分片集群》

总结&#xff1a;整理不易&#xff0c;如果对你有帮助&#xff0c;可否点赞关注一下&#xff1f; 更多详细内容请参考&#xff1a;《Linux运维篇&#xff1a;Linux系统运维指南》 一、部署背景 由于业务系统的特殊性&#xff0c;我们需要面向不通的客户安装我们的业务系统&…...

编程日记 2024/10/13 15:40:03

Java利用ChromeDriver插件网页截图（Wondows版+Linux版）

chromedriver是谷歌浏览器驱动,用来模拟谷歌运行操作的一个工具&#xff0c;此处主要讲解Java后端利用此插件进行网页截图&#xff0c;并且适配Linux部署。 环境准备 Wondows服务器或电脑 本机需安装Chrome谷歌浏览器&#xff0c;根据本机浏览器版本&#xff0c;下载对应的chr…...

编程日记 2024/10/13 15:39:02

无人机之交互系统篇

一、系统构成 无人机交互系统通常由多个子系统组成&#xff0c;包括但不限于&#xff1a; 多模式人机交互装置&#xff1a;这是人机交互系统的基础层&#xff0c;通常包括计算机、局域网、传感器等设备&#xff0c;用于实现操作员与无人机之间的数据交互和指令传递。例如&…...

编程日记 2024/10/13 15:34:40

MarsCode--找出数字比例超过n/2的【简单】

问题描述 给定一个长度为n的整型数组&#xff0c;已知其中一个数字的出现次数超过数组长度的一半&#xff0c;找出这个元素 输入格式 一个长度为n的数组&#xff0c;其中某个元素的出现次数大于n/2 输出格式 一个整数 输入样例 [1,3,8,2,3,1,3,3,3] 输出样例 3 数据范…...

编程日记 2024/10/13 15:30:34

Python网络爬虫快速入门指南

Python网络爬虫快速入门指南 网络爬虫&#xff0c;也称为网络蜘蛛&#xff0c;是一种自动访问互联网并提取信息的程序。Python因其简洁明了的语法和丰富的库支持&#xff0c;成为开发网络爬虫的理想选择。在这篇博客中&#xff0c;我们将探讨如何快速入门Python网络爬虫技术&a…...

编程日记 2024/10/13 15:29:33

C86 架构一键离线安装 docker 和 docker-compose 实战指南

C86 架构一键离线安装 docker 和 docker-compose 实战指南 文章目录 C86 架构一键离线安装 docker 和 docker-compose 实战指南一 磁盘挂载二 docker 部署1 上传安装包2 解压安装包3 安装包 docker 三 验证安装四 清除安装包五 安装包下载地址 本文提供了在 C86 架构环境下&…...

编程日记 2024/10/13 15:27:30

【LwIP源码学习2】调试输出相关宏

前言 本文对lwip中debug.h文件里的调试相关宏进行分析。 正文 debug.h中有3个重要的调试相关宏&#xff1a; LWIP_ASSERT(message, assertion) LWIP_ERROR(message, expression, handler) LWIP_DEBUGF(debug, message) 断言 LWIP_ASSERT(message, assertion) 源代码为&…...

编程日记 2024/10/13 15:26:28

Python 列表专题：删除元素

Python 是一种强大的编程语言，广泛应用于数据分析、Web 开发、人工智能等多个领域。而列表（List）作为 Python 中最基本的数据结构之一，扮演着非常重要的角色。列表不仅可以存储各种类型的数据，还提供了丰富的操作接口，方便我们进行数据的增删改查。本篇博文将深入探讨 Py…...

编程日记 2024/10/13 15:25:27

Spring Boot 快速入门与核心原理详解

引言 在上一篇文章中&#xff0c;我们详细探讨了 Spring 框架中的事件监听与发布机制。本文将转向 Spring Boot&#xff0c;介绍如何快速入门 Spring Boot&#xff0c;并深入探讨其核心原理。Spring Boot 是由 Pivotal 团队提供的全新框架&#xff0c;旨在简化 Spring 应用的初…...

编程日记 2024/10/13 15:24:26

UniApp 与微信小程序详细对比

UniApp 与微信小程序详细对比 1. 开发环境 微信小程序&#xff1a; 主要使用微信开发者工具提供模拟器、调试工具和性能监控只能开发微信小程序 UniApp&#xff1a; 主要使用 HBuilderX&#xff0c;但也支持 VS Code 等其他编辑器HBuilderX 提供可视化界面、代码提示、调试工…...

编程日记 2024/10/13 15:23:25

【用大模型提示工程处理NLP任务】

Batch API Prompt 工程 任务一&#xff1a;文本分类 任务二&#xff1a;情感分析 任务三&#xff1a;文档处理 任务四&#xff1a;信息抽取 任务五&#xff1a;机器翻译 任务六&#xff1a;生成任务 任务七&#xff1a;文本纠错 Batch API Prompt 工程 Batch API 适用于…...

编程日记 2024/10/13 15:21:23

适配器模式、代理模式（C++）

适配器模式&#xff1a; 定义&#xff1a;适配器模式是一种结构型设计模式&#xff0c;它允许接口不兼容的类一起工作。它通过将一个类的接口转换成客户端期望的另一个接口&#xff0c;使原本由于接口不兼容而不能一起工作的那些类可以一起工作。 代理模式&#xff1a; 定义&a…...

编程日记 2024/10/13 15:20:22

unity 2d 近战攻击判定的三种方式以及精确获取碰撞点

精确获取碰撞点 核心是获取武器碰撞盒最顶点&#xff0c;然后获取敌人碰撞盒距离该点最近的点 /// <summary>/// 获取获取武器前端位置 碰撞盒最左或最右顶点/// </summary>/// <param name"collider"></param>/// <param name"…...

编程日记 2024/10/13 15:19:20

矩形函数的傅里叶变换——从一维到二维，从连续到离散

一维连续矩形函数的傅里叶变换 二维连续矩形函数的傅里叶变换 禹晶、肖创柏、廖庆敏《数字图像处理&#xff08;面向新工科的电工电子信息基础课程系列教材&#xff09;》P109 2D DFT 禹晶、肖创柏、廖庆敏《数字图像处理&#xff08;面向新工科的电工电子信息基础课程系…...

编程日记 2024/10/13 15:17:18

潜水打捞系统助力，破解汽车打捞难题

随着人类活动的不断扩展&#xff0c;汽车落水事故频发&#xff0c;成为救援工作中的一大难题。汽车因其重量和结构特性&#xff0c;一旦沉入水体&#xff0c;打捞工作将面临巨大挑战。传统的打捞方法往往效率低下&#xff0c;且在操作过程中可能会对汽车造成进一步的损害&#…...

编程日记 2024/10/13 15:15:16

【深度学习】经典的深度学习模型-01 开山之作：CNN卷积神经网络LeNet-5

【深度学习】经典的深度学习模型-01 开山之作&#xff1a;CNN卷积神经网络LeNet-5 Note: 草稿状态&#xff0c;持续更新中&#xff0c;如果有感兴趣&#xff0c;欢迎关注。。。 0. 论文信息 article{lecun1998gradient, title{Gradient-based learning applied to document r…...

编程日记 2024/10/13 15:14:14

LeetCode 每日一题 2024/10/7-2024/10/13

记录了初步解题思路 以及本地实现代码&#xff1b;并不一定为最优 也希望大家能一起探讨 一起进步 目录 10/7 871. 最低加油次数10/8 1436. 旅行终点站10/9 3171. 找到按位或最接近 K 的子数组10/10 3162. 优质数对的总数 I10/11 3164. 优质数对的总数 II10/12 3158. 求出出现两…...

编程日记 2024/10/13 15:13:13

ZYNQ使用XGPIO驱动外设模块(前半部分)

目录 目录 一、新建BD文档&#xff0c;添加ZYNQ处理器 1.BD文档: 2.在Vivado中&#xff0c;BD文件的生成过程通常包括以下步骤&#xff1a; 1)什么是Tcl Console: 3.PL部分是FPGA可编程逻辑部分&#xff0c;它提供了丰富的IO资源&#xff0c;可以用于实现各种硬件接口和功…...

编程日记 2024/10/13 15:11:11

【FastAdmin】全栈视角下的页面跳转实现：从原生html、javascrpt、php技术到jQuery、FastAdmin框架

全栈视角下的页面跳转实现&#xff1a;从原生html、javascrpt、php技术到jQuery、FastAdmin框架 1 引言 页面跳转是Web开发中的基本操作&#xff0c;不同的技术栈提供了不同的实现方法。本文将详细介绍在原生JavaScript、原生HTML、原生PHP、jQuery以及FastAdmin框架中实现页…...

编程日记 2024/10/13 15:10:10

别再手动调参了！用C#和Halcon的HSmartWindow控件，5分钟搞定ROI绘制与参数提取

工业视觉开发革命&#xff1a;用C#封装Halcon ROI的智能实践 在半导体检测、精密零件测量等工业场景中&#xff0c;区域兴趣&#xff08;ROI&#xff09;的精准定义直接影响着算法效果。传统开发模式下&#xff0c;工程师需要反复在Halcon脚本与C#界面代码间切换&#xff0c;手…...

编程新知 2026/3/30 9:45:56

DeerFlow免运维部署：自动日志监控与服务启动检测

DeerFlow免运维部署&#xff1a;自动日志监控与服务启动检测 1. 认识你的深度研究助理&#xff1a;DeerFlow 想象一下&#xff0c;你有一个不知疲倦的研究助手。它能帮你搜索全网信息、分析复杂数据、撰写专业报告&#xff0c;甚至还能把枯燥的研究结果变成一段生动的播客。听…...

编程新知 2026/3/30 8:31:27

从规格书到点亮屏幕：RK3568+GM8775C双通道LVDS调试全流程解析

RK3568GM8775C双通道LVDS屏幕调试实战&#xff1a;从参数解析到设备树配置 第一次拿到一块非标准LVDS屏幕时&#xff0c;我盯着规格书里密密麻麻的表格和数据完全无从下手。作为硬件工程师&#xff0c;我们常常需要面对各种定制化显示屏的驱动问题。本文将带你深入理解如何从屏…...

编程新知 2026/3/30 8:27:26

英雄联盟段位修改完整解决方案：LeaguePrank免费工具终极指南

英雄联盟段位修改完整解决方案&#xff1a;LeaguePrank免费工具终极指南 【免费下载链接】LeaguePrank 项目地址: https://gitcode.com/gh_mirrors/le/LeaguePrank 还在为单调的游戏段位显示感到乏味吗&#xff1f;LeaguePrank这款创新的免费工具将彻底改变你的英雄联盟…...

编程新知 2026/3/30 7:33:04

别再瞎猜了！手把手教你用公式算清摄像头MIPI Lane数（附Excel计算器）

摄像头MIPI Lane数计算实战&#xff1a;从理论到Excel工具全解析 在嵌入式摄像头模组开发中&#xff0c;MIPI Lane数的选择往往让工程师陷入两难&#xff1a;Lane数不足会导致数据吞吐瓶颈&#xff0c;而过度配置又会增加功耗和成本。我曾见过一个团队因为凭经验选择了2 Lane配…...

编程新知 2026/3/30 7:19:00

Flash内容重生：CefFlashBrowser如何让经典Flash游戏与课件重获新生

Flash内容重生&#xff1a;CefFlashBrowser如何让经典Flash游戏与课件重获新生 【免费下载链接】CefFlashBrowser Flash浏览器 / Flash Browser 项目地址: https://gitcode.com/gh_mirrors/ce/CefFlashBrowser 你是否还在怀念那些曾经风靡一时的Flash游戏&#xff1f;是…...

编程新知 2026/3/30 7:00:56

SenseVoiceSmall实战案例：如何用AI分析会议录音中的情绪变化

SenseVoiceSmall实战案例&#xff1a;如何用AI分析会议录音中的情绪变化 1. 会议录音分析的痛点与解决方案 在日常工作中&#xff0c;会议录音分析一直是个耗时费力的任务。传统方法需要人工反复听取录音&#xff0c;不仅效率低下&#xff0c;还容易遗漏关键信息。特别是会议…...

编程新知 2026/3/30 6:48:54

Windows下用MSYS2编译axel多线程下载工具的保姆级教程（附常见错误解决方案）

Windows下MSYS2编译axel多线程下载工具全指南 如果你厌倦了商业下载工具的臃肿和限制&#xff0c;又对Python多线程下载的稳定性不满&#xff0c;那么编译一个原生的axel多线程下载工具可能是最佳选择。本文将带你从零开始在Windows环境下&#xff0c;通过MSYS2完整编译axel&a…...

编程新知 2026/3/30 5:18:17

IAR平台华大HC32F460工程搭建避坑指南：从零到调试成功的全流程解析

1. 从KEIL到IAR的转型背景 最近两年芯片市场的价格波动&#xff0c;让很多工程师不得不重新评估开发工具链的选择。我作为一个用了五年KEIL的老用户&#xff0c;最近也被迫开始学习IAR平台。原因很简单——当ST单片机价格涨到华大HC32F460的十倍时&#xff0c;任何成本敏感的项…...

编程新知 2026/3/30 4:01:21

【stm32_2.1】【快速入门】自举模式、Flash闪存、LED点灯——对二极管PN结解析

目录 当前MCU概述 固化程序到单片机 自举模式 自举配置 Flash闪存 二极管的原理 当前MCU概述 MCU名称stm32F407ZET6处理器主频168MHz 闪存容量 512KB静态随机访问存储器SRAM192KBMCU引脚数量144pin 固化程序到单片机 写好的程序要固化到单片机&#xff0c;就必须学习怎…...

编程新知 2026/3/30 3:14:46