css背景图片属性

基础代码:

div {width: 200px;height: 200px;background: url(./css-logo.png);
}<div></div>

1、background-repeat:默认是repeat

        设置背景图片在容器内是否平铺。

        

background-repeat: repeat-y;
background-repeat: repeat-x;
background-repeat: no-repeat;

2、background-position:可使用关键字或坐标(数字+单位,正负均可;水平方向,正数向右,垂直方向,正数向下。)

        注:设置时可设置两个值,如center top,若两个值相同,可简写为center。

background-position: 100px 100px;
background-position: right;
background-position: center;
background-position: left;
background-position: bottom;
background-position: top;

3、background-size:设置背景图片大小(可设置为关键字:cover、contain;百分比-根据盒子尺寸计算大小;数字+单位)

        contain:等比例缩放,以完全装入,可能显示空白;

        cover:等比例缩放,以完全覆盖,可看不全。

background-size: 50px;
background-size: 50%;
background-size: contain;
background-size: cover;

4、background-attachment:fixed,背景不会随元素的内容滚动。

background-attachment: fixed;

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/711190.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

消息中间件之RocketMQ源码分析(二十四)

事务消息 事务消息机制。 事务消息的发送和处理总结为四个过程: 1.生产者发送事务消息和执行本地事务 2.Broker存储事务消息 3.Broker回查事务消息 4.Broker提交或回滚事务消息 生产者发送事务消息和执行本地事务。 发送过程分为两个阶段: 第一阶段,发送事务消息 第二阶段,发…

Spring Expression Language (SpEL)

Spring 表达语言&#xff08;SpEL&#xff09;&#xff0c;支持在运行时查询和操作对象图&#xff0c;可以用于数据绑定、属性访问、方法调用等。使用SpEL可以简化代码并提高应用程序的可维护性。 1 概览 SpelExpressionParser是SpEL的一个核心组件&#xff0c;负责解析和编译…

CentOS安装编译Python3.11.6

CentOs自带python2版本太低&#xff0c;项目需要python3&#xff0c;于是自己安装python 操作指南&#xff1a; 重新下载源代码&#xff1a; # 删除旧的 Python 源代码文件&#xff08;如果有&#xff09; rm -rf Python-3.11.6.tar.xz # 下载 Python 3.11.6 的源代码文件 wget…

Java泛型简介

Java泛型简介 Java泛型是在Java 5中引入的一个特性&#xff0c;它允许程序员在编译时指定类、接口或方法能够接受的类型。泛型的主要目的是提供编译时类型安全检查&#xff0c;避免在运行时因为类型转换错误而导致的ClassCastException。 在没有泛型之前&#xff0c;Java中的集…

如何利用动态静态代理IP实现跨地域网络营销与市场研究

动态代理IP和静态代理IP都可以在跨地域网络营销与市场研究中发挥关键作用&#xff0c;具体实现方式如下&#xff1a; ### 动态代理IP的应用&#xff1a; 1. 跨地域营销活动测试&#xff1a; - 在进行网络营销时&#xff0c;尤其是要验证广告投放、SEO效果或A/B测试不同地区用户…

Ubuntu系统使用Docker搭建Jupyter Notebook并实现无公网ip远程连接

文章目录 1. 选择与拉取镜像2. 创建容器3. 访问Jupyter工作台4. 远程访问Jupyter工作台4.1 内网穿透工具安装4.2 创建远程连接公网地址4.3 使用固定二级子域名地址远程访问 本文主要介绍如何在Ubuntu系统中使用Docker本地部署Jupyter Notebook&#xff0c;并结合cpolar内网穿透…

C语言系列(所需基础:大学C语言及格)-4-转义字符/注释/选择语句

文章目录 一、转义字符二、注释三、选择语句 一、转义字符 加上\会讲原来的字符改变意思&#xff0c;即进行转义 例如\t会使t变成\t用于表示转义字符&#xff0c;使得t转义成水平制表符 其他转义字符&#xff1a; 三字母词&#xff08;展示\&#xff1f;的用处&#xff09;…

C#面:接口是一种引用类型,不可以声明公有的域或私有的成员变量,但是可以声明什么呢?

可以声明&#xff1a;方法&#xff0c;属性&#xff0c;索引器&#xff0c;事件。 接口的主要作用是定义一套规范&#xff0c;使得不同的类可以按照相同的规范进行交互。通过实现接口&#xff0c;类可以具备多态性&#xff0c;即可以以接口类型来引用对象&#xff0c;并调用接…

k8s-001-Centos7内核升级

1. 查看内核 [rootlocalhost ~]# uname -a 2. 执行的命令(安装最新版内核): 下载: rpm --import https://www.elrepo.org/RPM-GPG-KEY-elrepo.org 安装: rpm -Uvh http://www.elrepo.org/elrepo-release-7.0-2.el7.elrepo.noarch.rpm &#xff08; 查看最新版内核&…

杭州默安-安全技术实习生-一面

1.自我介绍 略 2.专业主修的课程 略 3.xss漏洞的类型&#xff0c;原理及防御 原理&#xff0c;服务器对用户的输入过滤不严格&#xff0c;将用户的输入当作Javascript代码执行并返回给客户端。 防御&#xff0c;输入和url参数过滤&#xff0c;HTML实体编码转义特殊字符。…

力扣hot100题解(python版33-35题)

33、排序链表 给你链表的头结点 head &#xff0c;请将其按 升序 排列并返回 排序后的链表 。 示例 1&#xff1a; 输入&#xff1a;head [4,2,1,3] 输出&#xff1a;[1,2,3,4]示例 2&#xff1a; 输入&#xff1a;head [-1,5,3,4,0] 输出&#xff1a;[-1,0,3,4,5]示例 3&a…

kafka架构详解

文章目录 概述kafaka架构Kafka的设计时什么样的Zookeeper 在 Kafka 中的作用知道 概述 Apache Kafka 是分布式发布 - 订阅消息系统&#xff0c;在 kafka 官网上对 kafka 的定义&#xff1a;一个分布式发布 - 订阅消息传递系统。 Kafka 最初由 LinkedIn 公司开发&#xff0c;Li…

mysql 中 auto_increment 自增约束的用法和配置

自增约束 int字段 特殊约束条件&#xff0c;用于为表中写入新的记录生成唯一的值&#xff0c;一个表中只能有一个自增约束字段 格式 字段 数据类型 auto_increment 创建带有自增约束的表 create table student_game_auto ( id int unique auto_increment, name char(5),…

蚂蚁集团推动编制的全球首个隐私计算一体机国际标准发布

近日&#xff0c;IEEE 标准协会&#xff08;IEEE-SA&#xff09;正式发布并推行了由我国企业主导的全球首个隐私计算一体机国际标准《隐私计算一体机技术要求》&#xff08;IEEE 3156-2023&#xff09;。IEEE-SA是权威国际标准制定机构&#xff0c;该标准的成功发布意味着中国的…

numpy常见操作

返回各维度元组print(img.shape)返回大小img.size返回各维度数据类型print(img.dtype) 数据类型变int8maskmask.astype(np.int8) 注意int32可变float64 但float64变int32会把小数截断 string_可变float64 NumPy常见操作&#xff1a; import numpy as np 创建一个一维数组 ar…

继承-学习2

this关键字&#xff1a;指向调用该方法的对象&#xff0c;一般我们是在当前类中使用this关键字&#xff0c;所以我们常说代表本类对象的引用 super关键字&#xff1a;代表父类存储空间的标识(可看作父类对象的引用) 父类&#xff1a; package ven;public class Fu {//父类成员…

操作系统面经

1. 进程和线程的区别&#xff1f; 调度&#xff1a;进程是资源管理的基本单位&#xff0c;线程是程序执行的基本单位。切换&#xff1a;线程上下文切换比进程上下文切换要快得多。拥有资源&#xff1a; 进程是拥有资源的一个独立单位&#xff0c;线程不拥有系统资源&#xff0…

unity自定义着色器基础

这些内置渲染管线的着色器示例演示了编写自定义着色器的基础知识&#xff0c;并涵盖了常见的用例。 有关编写着色器的信息&#xff0c;请参阅编写着色器。 设置场景 第一步是创建一些用于测试着色器的对象。在主菜单中选择 Game Object > 3D Object > Capsule。然后&a…

高光谱遥感学习入门丨高光谱数据处理基础、Python和Matlab高光谱遥感数据处理

目录 ①Python高光谱遥感数据处理与高光谱遥感机器学习方法深度应用 ②Matlab高光谱遥感、数据处理与混合像元分解实践技术应用 ③高光谱遥感数值建模技术及在植被、水体、土壤信息提取领域应用 更多应用 高光谱遥感信息对于我们认识世界具有重要意义。尽管大部分物质在人眼…

记录 | docker权限原因导致service ssh start失败

【报错】 容器内启 ssh server 报错 有两个错&#xff1a; &#xff08;1&#xff09;/etc/ssh/sshd_host_rsa_key 权限太高&#xff1b; &#xff08;2&#xff09;/run/sshd用户组不为 root 解决方法&#xff1a; 方法一&#xff1a; 各自容器内对/etc/ssh/sshd_host_r…