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

HTML(12)——背景属性

news 2025/12/21 9:58:54

目录

背景属性

背景图

背景图平铺方式

背景图位置

背景图缩放

 背景图固定

背景属性

属性描述
background-color背景色
background-image  (bgi)背景图
background-repeat  (bgr)背景图平铺方式
background-position  (bgp)背景图位置
background-size  (bgz)背景图缩放
background-attachment  (bga)背景图固定
background背景复合属性

背景图

使用背景图实现装饰性的图片效果。

属性值:url(背景图URL) 

背景图默认是平铺的效果

背景图平铺方式

属性值效果
no-repeat不平铺
repeat平铺
repeat-x水平方向平铺
repeat-y垂直方向平铺

背景图位置

属性值：水平方向位置，垂直方向位置

关键字

关键字

位置

left左侧
right右侧
center居中
top顶部
button底部

关键字取值写法，可以颠倒顺序 

坐标：数字+px    正负都可

可以只写一个关键字，另外一个方向默认居中，坐标只写一个表示水平方向，垂直方向为居中

背景图缩放

常用属性值

  • 关键字

 cover：等比缩放背景图片以完全覆盖背景区，可能背景图部分看不见

contain：等比缩放背景图片以完全装入背景区，可能背景区部分空白

  • 百分比：根据盒子尺寸计算图片大小
  • 数字+单位

 背景图固定

作用：背景图不会随着元素的内容滚动

属性值：fixed

背景复合属性

属性值：背景色 背景图 背景图平铺方式 背景图位置/缩放 背景图固定（属性值之间空格隔开，不区分先后顺序）

相关文章：

HTML(12)——背景属性

目录 背景属性 背景图 背景图平铺方式 背景图位置 背景图缩放 背景图固定 背景属性 属性描述background-color背景色background-image (bgi)背景图background-repeat (bgr)背景图平铺方式background-position (bgp)背景图位置background-size (bgz)背景图缩放backgro…...

编程日记 2024/6/27 8:19:51

C语言 指针——从函数返回字符串

目录 从函数返回字符指针 编程实现strcat()的功能 小结 从函数返回字符指针 编程实现strcat()的功能 小结 明确字符串被保存到了哪里，明确字符指针指向了哪里  指向字符串常量的字符指针  指向字符数组的字符指针 向函数传递字符串的方法  向函数传…...

编程日记 2024/6/27 8:18:50

java:aocache:基于aspectJ实现的方法缓存工具

背景 最近一直在做一些服务端的设计，经常遇到常量计算的问题，比如获取查找一个类的所有方法，获取有指定注解(Annnotation)的方法并查找注解的上特定的元注解是否有特定的值 。。。。总之逻辑很复杂，而且会频繁调用。 比如在服务端…...

编程日记 2024/6/27 8:17:49

UE4_材质_湿度着色器及Desaturation算法_ben材质教程

学习笔记，不喜勿喷！侵权立删，祝愿美好生活越来越好。 效果图： 原图： 1、使用初学者内容包的材质 我们这里使用虚幻自带的材质M_Brick_Clay_Old,复制一个更名为M_Brickclayoldwet材质。 2、添加去饱和度Desaturation节…...

编程日记 2024/6/27 8:15:47

AI问答-ERP：理解 ERP / 我国ERP发展现状 / ERP软件有哪些 / 华为自研ERP

一、理解ERP 1.1、定义 ERP（Enterprise Resource Planning）是企业资源计划的缩写，它集成了企业各个业务领域，包括采购、销售、库存、生产制造、财务等多个方面，进行全面管理、智能决策的一种企业管理系统。 1.2、功…...

编程日记 2024/6/27 8:14:46

C语言 | Leetcode C++题解之第199题二叉树的右视图

题目： 题解： #define MAX_NODE_NUM 100 int* rightSideView(struct TreeNode* root, int* returnSize){if (root NULL) {*returnSize 0;return NULL;}int *res (int *)malloc(sizeof(int) * MAX_NODE_NUM);int cnt 0;struct TreeNode **record (st…...

编程日记 2024/6/27 8:13:45

java:aocache的单实例缓存

上一篇博客《java:aocache:基于aspectJ实现的方法缓存工具》介绍了aocache的基本使用， 介绍AoCacheable注解时说过，AoCacheable可以定义在构造方法上，定义在构造方法，该构建方法就成了单实例模式。 也就是说，只要构建…...

编程日记 2024/6/27 8:12:44

c++11 abi 兼容性

理解 _GLIBCXX_USE_CXX11_ABI: 兼容性与现代化之间的平衡 随着 C 标准的不断演进，编译器和标准库实现也在不断更新，以支持新的语言特性和库功能。然而，这些更新有时会引入不兼容的更改，特别是应用程序二进制接口（ABI&…...

编程日记 2024/6/27 8:11:42

获取个人免费版Ubuntu Pro

首先上官网地址：Ubuntu Pro | Ubuntu 点击页面中的"Get Ubuntu Pro now" 将用途选为“Myself”，在此页面中Ubuntu说明了该版本只面向个人开发者，且最终只允许5台设备免费使用；因而部署设备的抉择就不得不慎重考虑了&am…...

编程日记 2024/6/27 8:10:41

Pinia的基本用法

Pinia的安装和引入 1.安装Pinia npm install pinia2. 在vue项目的main.js文件中引入pinia import { createApp } from vue import { createPinia } from pinia import App from ./App.vueconst pinia createPinia() const app createApp(App)app.use(pinia) app.mount(#ap…...

编程日记 2024/6/27 8:09:40

正版软件 | DeskScapes：将您的桌面变成生动的画布

您是否厌倦了静态的桌面背景？Stardock 的 DeskScapes 软件赋予您将任何图片或视频动画化的能力，让您的 Windows 桌面焕发活力。 动画桌面，艺术生活 使用 DeskScapes 您可以将任何静态图片或视频转化为桌面背景。不仅如此，通过 60 …...

编程日记 2024/6/27 8:08:38

OpenCV cv::Mat到 Eigen 的正确转换——cv2eigen

在进行计算机视觉项目时，我们经常需要处理相机位姿的变换。最近，我在项目中遇到了一个看似简单但实际上颇具挑战性的问题：从 OpenCV 的 cv::Mat 格式转换到 Eigen 库的格式。这个过程中遇到了一些问题，但最终找到了一个稳健的解决…...

编程日记 2024/6/27 8:07:37

PostgreSQL的扩展（extensions）-常用的扩展-pg_pathman

PostgreSQL的扩展（extensions）-常用的扩展-pg_pathman pg_pathman 是一个用于 PostgreSQL 的分区管理扩展。它提供了一种高效的方式来管理和使用数据库分区，可以显著提升查询性能，特别是在处理大规模数据集时。 安装 pg_pathman…...

编程日记 2024/6/27 8:06:36

数据结构之树

基础知识： 树是一种非线性结构，其严格的数学定义是：如果一组数据中除了第一个节点（第一个节点称为根节点，没有直接前驱节点）之外，其余任意节点有且仅有一个直接前驱，有零个或多个直接…...

编程日记 2024/6/27 8:05:35

6毛钱SOT-23封装28V、400mA 开关升压转换器，LCD偏置电源和白光LED应用芯片TPS61040

SOT-23-5 封装 TPS61040 丝印PHOI 1 特性 • 1.8V 至 6V 输入电压范围 • 可调节输出电压范围高达 28V • 400mA (TPS61040) 和 250mA (TPS61041) 内部开关电流 • 高达 1MHz 的开关频率 • 28μA 典型空载静态电流 • 1A 典型关断电流 • 内部软启动 • 采用 SOT23-5、TSOT23…...

编程日记 2024/6/27 8:03:32

saga模型

​ Saga源于Hector Garcaa-Molrna和Kenneth Salem发表的论文Sagas。一个LLT事务（Long Lived Transaction）可以分成若干个小的事务执行单元，这些小执行单元就是saga事务。Saga方案更适合用于长事务场景。Saga模型将一个分布式事务拆分为多个本…...

编程日记 2024/6/27 8:02:31

深度神经网络：解锁智能的密钥

深度神经网络：解锁智能的密钥 在人工智能的浩瀚星空中，深度神经网络（Deep Neural Networks, DNNs）无疑是最耀眼的那颗星。它以其强大的学习能力、高度的适应性和广泛的应用场景，成为了我们解锁智能世界的一把密钥。本…...

编程日记 2024/6/27 7:59:28

国际现货黄金最新价格如何分析？结合较高的时间周期

国际现货黄金投资是一种24小时交易的品种，这意味着，在交易日我们打开电脑图表，分析完走势之后就有机会做交易了。但问题也出在这里，如果对国际现货黄金最新价格把握不住，分析和交易就无从谈起了，下面我们就…...

编程日记 2024/6/27 7:58:27

微服务和kafka

一、微服务简介 1.单体架构 分布式--微服务--云原生 传统架构（单机系统），一个项目一个工程：比如商品、订单、支付、库存、登录、注册等等，统一部署，一个进程 all in one的架构方式，把所有的…...

编程日记 2024/6/27 7:57:26

Jetpack架构组件_Navigaiton组件_1.Navigaiton切换Fragment

1.Navigation主要作用 方便管理Fragment （1）方便我们管理Fragment页面的切换 （2）可视化的页面导航图，便于理清页面间的关系。 （3）通过destination和action完成页面间的导航 （4&a…...

编程日记 2024/6/27 7:54:23

深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录

ASP.NET Core 是一个跨平台的开源框架，用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录，以帮助监视应用程序行为和诊断问题。 可以通过配置不同的记录提供程…...

编程新知 2025/12/21 5:12:49

逻辑回归：给不确定性划界的分类大师

想象你是一名医生。面对患者的检查报告（肿瘤大小、血液指标），你需要做出一个**决定性判断**：恶性还是良性？这种“非黑即白”的抉择，正是**逻辑回归（Logistic Regression）** 的战场&a…...

编程新知 2025/10/27 21:25:04

从零实现富文本编辑器#5-编辑器选区模型的状态结构表达

先前我们总结了浏览器选区模型的交互策略，并且实现了基本的选区操作，还调研了自绘选区的实现。那么相对的，我们还需要设计编辑器的选区表达，也可以称为模型选区。编辑器中应用变更时的操作范围，就是以模型选区为基准来…...

编程新知 2025/9/5 17:56:03

Cesium1.95中高性能加载1500个点

一、基本方式&#xff1a; 图标使用.png比.svg性能要好 <template><div id"cesiumContainer"></div><div class"toolbar"><button id"resetButton">重新生成点</button><span id"countDisplay&qu…...

编程新知 2025/12/17 2:10:10

Go 语言接口详解

Go 语言接口详解 核心概念 接口定义 在 Go 语言中&#xff0c;接口是一种抽象类型&#xff0c;它定义了一组方法的集合&#xff1a; // 定义接口 type Shape interface {Area() float64Perimeter() float64 } 接口实现 Go 接口的实现是隐式的&#xff1a; // 矩形结构体…...

编程新知 2025/10/23 18:29:35

CentOS下的分布式内存计算Spark环境部署

一、Spark 核心架构与应用场景 1.1 分布式计算引擎的核心优势 Spark 是基于内存的分布式计算框架&#xff0c;相比 MapReduce 具有以下核心优势&#xff1a; 内存计算&#xff1a;数据可常驻内存&#xff0c;迭代计算性能提升 10-100 倍&#xff08;文档段落&#xff1a;3-79…...

编程新知 2025/12/19 7:14:58

剑指offer20_链表中环的入口节点

链表中环的入口节点 给定一个链表&#xff0c;若其中包含环&#xff0c;则输出环的入口节点。 若其中不包含环&#xff0c;则输出null。 数据范围 节点 val 值取值范围 [ 1 , 1000 ] [1,1000] [1,1000]。 节点 val 值各不相同。 链表长度 [ 0 , 500 ] [0,500] [0,500]。 …...

编程新知 2025/12/17 16:53:53

视频字幕质量评估的大规模细粒度基准

大家读完觉得有帮助记得关注和点赞&#xff01;&#xff01;&#xff01; 摘要 视频字幕在文本到视频生成任务中起着至关重要的作用&#xff0c;因为它们的质量直接影响所生成视频的语义连贯性和视觉保真度。尽管大型视觉-语言模型&#xff08;VLMs&#xff09;在字幕生成方面…...

编程新知 2025/12/17 22:17:02

第一篇：Agent2Agent (A2A) 协议——协作式人工智能的黎明

AI 领域的快速发展正在催生一个新时代&#xff0c;智能代理&#xff08;agents&#xff09;不再是孤立的个体&#xff0c;而是能够像一个数字团队一样协作。然而&#xff0c;当前 AI 生态系统的碎片化阻碍了这一愿景的实现&#xff0c;导致了“AI 巴别塔问题”——不同代理之间…...

编程新知 2025/12/17 1:32:09

基于Docker Compose部署Java微服务项目

一. 创建根项目 根项目&#xff08;父项目&#xff09;主要用于依赖管理 一些需要注意的点&#xff1a; 打包方式需要为 pom<modules>里需要注册子模块不要引入maven的打包插件&#xff0c;否则打包时会出问题 <?xml version"1.0" encoding"UTF-8…...

编程新知 2025/12/16 20:52:05