CSS案例-3.背景练习

效果1

用背景加入图标

效果2

将图片设为页面背景,图片主体在中间

效果3

鼠标放到导航栏上会变颜色

知识点

CSS背景

属性

描述

取值

background

复合属性

看独立属性

background-color

背景颜色

<color>

background-image

背景图像

none | url

background-repeat

背景图像如何平铺填充

repeat-x | repeat-y | no-repeat | repeat

background-attachment

背景图像是随对象内容滚动还是固定的

fixed | scroll

background-position

背景图像的位置

<percentage> | <length> | [left | c

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

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

相关文章

vulhub中GIT-SHELL 沙盒绕过漏洞复现(CVE-2017-8386)

GIT-SHELL 沙盒绕过&#xff08;CVE-2017-8386&#xff09;导致任意文件读取、可能的任意命令执行漏洞。 测试环境 为了不和docker母机的ssh端口冲突&#xff0c;将容器的ssh端口设置成3322。本目录下我生成了一个id_rsa&#xff0c;这是ssh的私钥&#xff0c;连接的时候请指…

算法练习:前缀和

目录 1. 一维前缀和2. 二维前缀和3. 寻找数组中心下标4. 除自身以外数组的乘积5. !和为k的子数字6. !和可被k整除的子数组7. !连续数组8. 矩阵区域和 1. 一维前缀和 题目信息&#xff1a; 题目链接&#xff1a; 一维前缀和思路&#xff1a;求前缀和数组&#xff0c;sum dp[r] …

性能分析调优模型

性能测试除了为获取性能指标外&#xff0c;更多是为了发现性能瓶颈和性能问题&#xff0c;然后针对性能问题和性能瓶颈进行分析和调优。在当今互联网高速发展的时代&#xff0c;结合传统软件系统模型以及互联网网站特征&#xff0c;性能调优的模型可以归纳总结为如图1-5-1所示的…

springboot的服务不需要连接数据库,如何保证正常启动

记个小笔记 SpringBootApplication(exclude DataSourceAutoConfiguration.class) 是一个Spring Boot应用程序中用来排除特定自动配置类的注解&#xff0c;一般情况不需要使用数据库&#xff0c;取消这个自动配置即可&#xff1b; 如果你这样做了&#xff0c;发现还是出现Fai…

Npm的一些镜像地址-复制粘帖

Npm的一些镜像地址 官方源 npm cache clean --force https://registry.npmjs.org npm config get registry淘宝源 npm cache clean --force npm config set registry https://registry.npmmirror.com npm config get registrycnpm源&#xff1a; npm cache clean --force n…

多线程服务器适用场合

前提 进程”指的是fork(2)系统调用的产物 线程”指的是pthread_create()的产物,因此是宝贵的那种原生线程。而且Pthreads是NPTL的,每个线程由clone(2)产生,对应一个内核的task_struct。 Pthreads是一组线程操作的标准&#xff0c;NPTL是 Native POSIX Thread Library 的缩写&…

【Quixel Mixer】简单介绍

一、下载 官网下载地址&#xff1a;Quixel Mixer - All-in-one texturing & material creation tool 下载好之后双击exe来安装 等待安装完成 下载后打开&#xff0c;新建一个工程和Mix 二、界面介绍 我们先将软件界面分为如下3个部分 1号区域为菜单栏 2号区域介绍 2号…

单头注意力机制(ScaledDotProductAttention) python实现

输入是query和 key-value&#xff0c;注意力机制首先计算query与每个key的关联性&#xff08;compatibility&#xff09;&#xff0c;每个关联性作为每个value的权重&#xff08;weight&#xff09;&#xff0c;各个权重与value的乘积相加得到输出。 import torch import tor…

深入浅出理解 AI 生图模型

目录 引言 一、Stable Diffusion原理 首先 随后 最后 二、DDPM模型 1 资料 2 原理 扩散过程 反向过程 3 公式结论 三、优缺点 优点&#xff1a; 缺点&#xff1a; 四、改进与完事 LDM代表作 原理概括 Latent Space&#xff08;潜空间&#xff09; 五、总结 引…

MC0204 世界警察

世界警察小码哥来谈判了&#xff0c;恐怖分子在银行挟持了 n 个人质&#xff0c;每个人质都所属一个国家&#xff0c;第 i 个人质所属的国家为 ci​&#xff0c;人质排成了一排&#xff0c;位置都是固定的。经过商讨&#xff0c;恐怖分子允许小码哥可以带走任意一段连续区间内的…

用python进行医学数据分析中缺失值的处理方法案例

在医学数据分析中&#xff0c;处理缺失值是一个常见的挑战。缺失值可能是由于各种原因造成的&#xff0c;如数据收集过程中的错误、遗漏或设备故障等。处理缺失值的方法有很多&#xff0c;包括删除含有缺失值的行、填充缺失值、使用插值方法等。以下是一个使用Python进行医学数…

mybatis中$和#的区别以及各自的使用场景

目录 一、# 符号和$ 符号区别&#xff1a; # 符号&#xff1a; $ 符号&#xff1a; 二、使用场景&#xff1a; # 符号 $ 符号&#xff1a; 三、XML代码示例 四、总结&#xff1a; 五、扩展&#xff1a;sql注入介绍及危害 在 MyBatis 中&#xff0c;$ 和 # 都是用于参数…

关于大根堆,set重载运算符

题目描述 \,\,\,\,\,\,\,\,\,\,制定合理的日程能够帮助利用好时间进行加训&#xff0c;加训和加训。 \,\,\,\,\,\,\,\,\,\,新学期开始了&#xff0c;应该好好学习了&#xff01;凌晨两点整&#xff0c;加睡失败的你在为新一天的各项重要事件制定闹钟。 \,\,\,\,\,\,\,\,\,\, \,…

【SpringBoot】请求与响应参数 IoC与DI 总结

文章目录 ① —— 请求 ——一、简单参数 RequestParam1.1 参数与形参 命名相同1.2 参数与形参 命名不同 二、实体参数2.1 简单实体对象2.2 复杂实体对象 三、数组集合参数3.1 数组3.2 集合 RequestParam 四、日期参数 DateTimeFormat五、JSON参数 RequestBody六、路径参数 Pat…

C语言如何初始化字符数组?

一、问题 字符数组如何初始化&#xff0c;与数值型数组有什么不同&#xff1f; 二、解答 字符数组的初始化操作有以下⼏种⽅法&#xff1a; &#xff08;1&#xff09;逐个字符赋给数组中各元素 这是最容易理解的初始化字符数组的⽅式。例如&#xff0c;初始化⼀个字符数组。…

docker镜像管理基础-3

文章目录 镜像的概念docker镜像层docker存储驱动AUFSOverlayFSDeviceMapper docker registrydocker镜像的制作Docker Hubdocker镜像的获取镜像的生成基于容器制作镜像 镜像的导入与导出 镜像的概念 镜像可以理解为应用程序的集装箱&#xff0c;而docker用来装卸集装箱。 docke…

代码+视频,R语言使用BOOT重抽样获取cox回归方程C-index(C指数)可信区间

bootstrap自采样目前广泛应用与统计学中&#xff0c;其原理很简单就是通过自身原始数据抽取一定量的样本&#xff08;也就是取子集&#xff09;&#xff0c;通过对抽取的样本进行统计学分析&#xff0c;然后继续重新抽取样本进行分析&#xff0c;不断的重复这一过程N&#xff0…

简单实现接口自动化测试(基于python)

一、简介 本文从一个简单的登录接口测试入手&#xff0c;一步步调整优化接口调用姿势&#xff0c;然后简单讨论了一下接口测试框架的要点&#xff0c;最后介绍了一下我们目前正在使用的接口测试框架pithy。期望读者可以通过本文对接口自动化测试有一个大致的了解。 二、引言 …

text-generation-webui大模型部署

1 简介 text-generation-webui是一个挺好用的大模型部署UI&#xff0c;提供了很多便于交互的接口&#xff0c;安装部署好之后将model放置到对应的位置即可在网页访问&#xff0c;若是在服务器部署也可以通过ssh端口转发至公网服务器进行访问。 其中&#xff0c;模型的下载可参…

Android的三种动画详解(帧动画,View动画,属性动画)

Android的三种动画详解&#xff08;帧动画、View动画、属性动画&#xff09;_android动画效果大全-CSDN博客 1、帧动画 缺点是&#xff1a;占用内存较高&#xff0c;播放的是一帧一帧的图片&#xff0c;很少使用。 顺序播放预先定义的图片&#xff0c;类似于播放视频。 步骤…