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

css-渐变色矩形

news 2026/4/2 8:18:06

效果图：
在这里插入图片描述

代码：
html:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><title></title><link rel="stylesheet" style="text/css" href="test.css"></head><body><div class="container"><div class="bg"></div></div></body>
</html>

css:

*{margin: 0;padding: 0;box-sizing: border-box;
}.container{width: 100vw;height: 100vh;background-image: url('https://img0.baidu.com/it/u=3091341499,2856166635&fm=253&fmt=auto&app=138&f=PNG?w=1331&h=500');background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;
}.bg{width: 500px;height: 45px;background-image:linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)),linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));border-top: 1px solid;border-bottom: 1px solid;border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1 stretch;;
}

相关文章：

css-渐变色矩形

效果图&#xff1a; 代码&#xff1a; html: <!DOCTYPE html> <html><head><meta charset"utf-8"><meta name"viewport" content"initial-scale1.0, user-scalableno" /><title></title><link …...

编程日记 2023/10/29 16:31:08

使用easypoi-spring-boot-starter 4.1.1导入excel报错NoSuchMethodError和NoSuchMethodError

前言 使用easypoi进行excel的导入遇到的错误以及解决办法 easypoi项目地址&#xff1a;https://gitee.com/lemur/easypoi easypoi的Maven依赖&#xff1a; <dependency><groupId>cn.afterturn</groupId><artifactId>easypoi-spring-boot-starter<…...

编程日记 2023/10/29 16:30:07

matlab中类的分别之handle类和value类——matlab无法修改类属性值的可能原因

写在之前&#xff08;吐槽&#xff09; 最近由于变化了一些工作方向&#xff0c;开始需要使用matlab进行开发&#xff0c;哎哟喂&#xff0c;matlab使用的我想吐&#xff0c;那个matlab编辑器又没代码提示&#xff0c;又没彩色&#xff0c;我只好用vscode进行代码编辑&#xf…...

编程日记 2023/10/29 16:29:06

3. t2t_vit inference

前言 对vit 进行fp16推理 参考链接： https://github.com/open-mmlab/mmpretrain/tree/master/configs/t2t_vit run code ： https://mmclassification.readthedocs.io/en/latest/getting_started.html#inference-and-test-a-dataset https://mmclassification.readthedo…...

编程日记 2023/10/29 16:24:00

SpringMVC Day 05 : Spring 中的 Model

前言 欢迎来到 SpringMVC 系列教程的第五天&#xff01;在之前的教程中&#xff0c;我们已经学习了如何使用控制器处理请求和返回视图。今天&#xff0c;我们将深入探讨 Spring 中的 Model。 在 Web 应用程序开发中&#xff0c;数据的传递和展示是非常重要的。SpringMVC 提供…...

编程日记 2023/10/29 16:22:59

redis6.0源码分析：字典扩容与渐进式rehash

文章目录 字典数据结构结构设计dictType字典类型为什么字典有两个哈希表&#xff1f;哈希算法 扩容机制扩容前置知识字典存在几种状态&#xff1f;容量相关的关键字段定义字典的容量都是2的幂次方 扩容机制字典什么时候会扩容&#xff1f;扩容的阈值 & 扩容的倍数哪些方法会…...

编程日记 2023/10/29 16:21:58

【C++迭代器iterator】

迭代器 i t e r a t o r 迭代器iterator 迭代器iterator 在 容器 v e c t o r 容器vector 容器vector 中的使用 迭代器 i t e r a t o r 迭代器iterator 迭代器iterator 一般使用在 容器 v e c t o r 容器vector 容器vector 的 遍历 遍历 遍历&#xff0c;充当 遍历指针 遍…...

编程日记 2023/10/29 16:20:57

基于群居蜘蛛算法的无人机航迹规划

基于群居蜘蛛算法的无人机航迹规划 文章目录 基于群居蜘蛛算法的无人机航迹规划1.群居蜘蛛搜索算法2.无人机飞行环境建模3.无人机航迹规划建模4.实验结果4.1地图创建4.2 航迹规划 5.参考文献6.Matlab代码 摘要&#xff1a;本文主要介绍利用群居蜘蛛算法来优化无人机航迹规划。 …...

编程日记 2023/10/29 16:18:52

火爆全网，Python+Requests+Pytest+YAML+Allure实现接口自动化测试（附源码）

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 本项目实现接口自…...

编程日记 2023/10/29 16:17:50

【深度学习】【NLP】如何得到一个分词器，如何训练自定义分词器：从基础到实践

文章目录 什么是分词&#xff1f;分词算法使用Python训练分词器步骤1&#xff1a;选择分词算法步骤2&#xff1a;准备训练语料步骤3&#xff1a;配置分词器参数步骤4&#xff1a;训练分词器步骤5&#xff1a;测试和使用分词器 代码示例&#xff1a;使用SentencePiece训练分词器…...

编程日记 2023/10/29 16:16:49

线程池的线程回收

线程池 线程池里面分为核心线程和非核心线程。 核心线程是常驻在线程池里面的工作线程&#xff0c;它有两种方式初始化&#xff1a; 向线程池里面添加任务的时候&#xff0c;被动初始化 主动调用 prestartAllCoreThreads 方法 当线程池里面的队列满了的情况下&#xff0c;为了增…...

编程日记 2023/10/29 16:15:48

【2023.10.25练习】数据库-函数1

任务描述 本关任务&#xff1a;编写函数fun_1完成学生选课操作。输入参数&#xff1a;学号、课程名&#xff0c;函数返回值&#xff1a;操作结果。 如果该生已有该门课程的选修记录&#xff0c;则函数返回-1&#xff1b;如果该门课程无先修课&#xff0c;则将选课信息添加到选…...

编程日记 2023/10/29 16:14:46

基于水循环算法的无人机航迹规划-附代码

基于水循环算法的无人机航迹规划 文章目录 基于水循环算法的无人机航迹规划1.水循环搜索算法2.无人机飞行环境建模3.无人机航迹规划建模4.实验结果4.1地图创建4.2 航迹规划 5.参考文献6.Matlab代码 摘要&#xff1a;本文主要介绍利用水循环算法来优化无人机航迹规划。 1.水循环…...

编程日记 2023/10/29 16:13:44

JVM调优（10）JVM的运行时数据区

一、概述 对于 C C 来说&#xff0c;在内存管理领域&#xff0c;JVM既拥有最高的权利&#xff0c;但是同时他们又是从事最基础工作的劳动人员&#xff0c;因为他们担负着每一个对象从开始到结束的维护责任。而对于Java来说&#xff0c;再虚拟机自动内存管理的帮助下&#xff0…...

编程日记 2023/10/29 16:12:43

Python网络爬虫介绍

视频版教程&#xff1a;一天掌握python爬虫【基础篇】 涵盖 requests、beautifulsoup、selenium 什么是网络爬虫&#xff1f; 网络爬虫&#xff08;又称为网页蜘蛛&#xff0c;网络机器人&#xff0c;在FOAF社区中间&#xff0c;更经常的称为网页追逐者&#xff09;&#xff…...

编程日记 2023/10/29 16:11:42

iOS QR界面亮度调整

亮度调事&#xff0c;不久在QR界面切换的时候还要考虑进入前台后台时的操作 1.QR界面功能实现代码。 QR界面- (void)viewWillAppear:(BOOL)animated {[super viewWillAppear:animated];[[NSUserDefaults standardUserDefaults] setValue:([UIScreen mainScreen].brightness) …...

编程日记 2023/10/29 16:10:42

Linux shell编程学习笔记17：for循环语句

Linux Shell 脚本编程和其他编程语言一样&#xff0c;支持算数、关系、布尔、字符串、文件测试等多种运算&#xff0c;同样也需要进行根据条件进行流程控制&#xff0c;提供了if、for、while、until等语句。 之前我们探讨了if语句&#xff0c;现在我们来探讨for循环语句。 Li…...

编程日记 2023/10/29 16:09:40

Go语言用Resty库编写的音频爬虫代码

目录 一、Go语言与Resty库简介 二、音频爬虫的实现 1、确定抓取目标 2、使用Resty发送HTTP请求 3、解析响应数据 4、下载音频文件 5、并发下载音频文件 三、注意事项 总结 随着互联网的飞速发展&#xff0c;网络爬虫逐渐成为数据获取和分析的重要工具。在音频领域&…...

编程日记 2023/10/29 16:08:40

AWTK 液体流动效果控件发布

液体流动效果控件。 主要特色&#xff1a; 支持水平和垂直方向。支持正向和反向流动。支持设置头尾的图片。支持设置流动的图片。支持设置速度的快慢。支持启停操作。 准备 获取 awtk 并编译 git clone https://github.com/zlgopen/awtk.git cd awtk; scons; cd -运行 生成…...

编程日记 2023/10/29 16:07:39

对mysql的联合索引的深刻理解

背景 对mysql的联合索引的考察是Java程序员面试高频考点&#xff01;必须深刻理解掌握否则容易丢分非常可惜。 技术难点 考察对最左侧匹配原理理解。 原理 暂且不表。网上讲这非常多。我理解就是&#xff0c;B树每个非叶子节点的值都是有序存放索引的值。 比如对A、B、C …...

编程日记 2023/10/29 16:04:35

5分钟快速掌握Bypass Paywalls Clean：终极内容解锁工具完整指南

5分钟快速掌握Bypass Paywalls Clean&#xff1a;终极内容解锁工具完整指南 【免费下载链接】bypass-paywalls-chrome-clean 项目地址: https://gitcode.com/GitHub_Trending/by/bypass-paywalls-chrome-clean 你是否经常遇到想阅读优质文章却被付费墙阻挡的烦恼&#…...

编程新知 2026/4/2 7:57:33

NaViL-9B多场景应用：医疗报告图解、工业缺陷识别、文档智能审阅

NaViL-9B多场景应用&#xff1a;医疗报告图解、工业缺陷识别、文档智能审阅 1. 平台简介 NaViL-9B是上海人工智能实验室研发的原生多模态大语言模型&#xff0c;具备强大的文本理解和图像分析能力。不同于传统单一模态模型&#xff0c;NaViL-9B能够同时处理纯文本问答和图片理…...

编程新知 2026/4/2 7:57:33

亚马逊/Shopee关键词排名高就一定好？你可能陷入了“数据幻觉”

关键词排名高只说明“看得见”&#xff0c;不代表“卖得动”&#xff0c;更不等于“值得投”。理论锚点信息经济学信号噪音理论&#xff1a;排名只是表层信号&#xff0c;可能混杂品牌词截流等无关信息。SEO 搜索意图分类&#xff1a;信息型搜索不等于交易型搜索。一、误区揭露…...

编程新知 2026/4/2 7:21:08

OpenClaw开源贡献指南：Qwen3.5-9B技能模块PR提交流程

OpenClaw开源贡献指南&#xff1a;Qwen3.5-9B技能模块PR提交流程 1. 为什么需要你的贡献 去年冬天&#xff0c;当我第一次尝试用OpenClaw自动整理电脑上的照片时&#xff0c;发现现有的技能库缺少一个"智能相册整理"模块。那一刻我突然意识到&#xff1a;这个开源项…...

编程新知 2026/4/2 6:22:28

告别环境配置噩梦：手把手教你用OpenVINO 2024.4 + VS2019部署PyTorch图像分类模型（附完整代码）

从PyTorch到生产环境&#xff1a;OpenVINO 2024.4全链路部署实战指南 当你的PyTorch模型在实验环境中表现优异&#xff0c;如何将它无缝迁移到实际应用场景&#xff1f;本文将带你跨越从研究到生产的鸿沟&#xff0c;使用Intel OpenVINO工具包2024.4版本&#xff0c;在Visual S…...

编程新知 2026/4/2 6:06:16

C++引用：高效编程的技巧

C引用的本质与特性 引用是已存在变量的别名&#xff0c;与变量共享同一内存地址。声明时必须初始化且不可更改绑定对象&#xff1a; int x 10; int& ref x; // ref成为x的别名 ref 20; // 修改x的值引用与指针的核心区别 初始化要求&#xff1a;引用必须声明时初始…...

编程新知 2026/4/2 6:06:16

Phi-4-mini-reasoning开源模型教育价值：高校AI课程实验设计与评估标准

Phi-4-mini-reasoning开源模型教育价值&#xff1a;高校AI课程实验设计与评估标准 1. 引言&#xff1a;AI教育的新工具 在人工智能教育领域&#xff0c;如何让学生既能理解前沿技术原理&#xff0c;又能获得实际动手能力&#xff0c;一直是教学设计的难点。Phi-4-mini-reason…...

编程新知 2026/4/2 5:52:02

Redis 缓存三大坑：穿透、雪崩与布隆过滤器（新手入门指南）

开篇&#xff1a;为什么你必须懂这三个知识点&#xff1f;想象你开了一家奶茶店。顾客点单时&#xff0c;你会先看已经做好的成品区&#xff08;缓存&#xff09;有没有现成的奶茶&#xff0c;有就直接端走&#xff1b;没有再让后厨&#xff08;数据库&#xff09;现做。这个流…...

编程新知 2026/4/2 5:46:01

从零到一：手把手教你用CANoe和Python脚本实现UDS诊断自动化测试（附完整代码）

从零到一&#xff1a;手把手教你用CANoe和Python脚本实现UDS诊断自动化测试&#xff08;附完整代码&#xff09; 在汽车电子测试领域&#xff0c;UDS&#xff08;Unified Diagnostic Services&#xff09;诊断协议的自动化测试已经成为提升开发效率的关键环节。传统的手动测试方…...

编程新知 2026/4/2 4:07:09

SecGPT-14B开源大模型部署：CSDN平台内开箱即用，省去HuggingFace下载环节

SecGPT-14B开源大模型部署&#xff1a;CSDN平台内开箱即用&#xff0c;省去HuggingFace下载环节 想快速体验一个专注于网络安全问答的14B大模型&#xff0c;但又不想经历从HuggingFace下载几十GB模型文件的漫长等待和复杂配置&#xff1f;现在&#xff0c;在CSDN星图平台上&am…...

编程新知 2026/4/2 2:30:51