css实现斜条纹背景

news/2024/11/18 16:13:41/

最近有个模块需求采用斜条纹背景 做标头背景 记录下实现代码

<template><div class="striped-background"><span>货种</span><span>企业数</span><span>企业数</span><span>客户数</span></div>
</template>
<script>javascript">
export default {name:'testDemo'
}
</script>
<style scoped>css">
.striped-background {background: repeating-linear-gradient(135deg,#0b4ba1,#0b4ba1 10px,#0d57b0 10px,#0d57b0 20px);color: #00faff;font-size: 16px;padding: 10px;display: flex;justify-content: space-around;align-items: center;text-align: center;
}
</style>

代码渲染效果
在这里插入图片描述


http://www.ppmy.cn/news/1548026.html

相关文章

交互新体验:Axure动态面板下的图片拖动技巧

交互新体验&#xff1a;Axure动态面板下的图片拖动技巧 前言 在数字产品的设计过程中&#xff0c;用户体验的每一个细节都至关重要。 动态交互效果&#xff0c;如拖动按钮控制图片展示区域&#xff0c;不仅能够提升用户的参与度&#xff0c;还能增强界面的直观性和互动性。 …

Rust 语言学习笔记(三)

引用与解除引用 觉得还是有必要继续深入学习一下 Rust 再练手&#xff0c;毕竟仍然看到 & 和 * 符号还有些恍惚&#xff0c;大概就是 C/C 里的取地址和取值操作吧&#xff0c;实际上也确实类似。只是叫法略有不同, 还有就是在 C/C 多用了指针的概念。 在 C/C 中&#xff…

CentOS网络配置

上一篇文章&#xff1a;VMware Workstation安装Centos系统 在CentOS系统中进行网络配置是确保系统能够顺畅接入网络的重要步骤。本文将详细介绍如何配置静态IP地址、网关、DNS等关键网络参数&#xff0c;以帮助需要的人快速掌握CentOS网络配置的基本方法和技巧。通过遵循本文的…

【java】链表:判断链表是否成环

问题&#xff1a; 分析&#xff1a; 这里我们还是定义快慢双指针 。 如果有环&#xff0c;快慢指针一定会相遇。 // 构建成环链表public void makeCircle(){Node node1new Node(1);Node node2new Node(2);Node node3new Node(5);Node node4new Node(6);Node node5new …

WSL2安装Ubuntu22.04并开启GPU进行ML学习教程

文章目录 一 启用 WSL2二、安装 Ubuntu三 安装 NVIDIA GPU 驱动和 CUDA 工具四、安装pytouch运行环境 这几天一直在研究下&#xff0c;怎么在笔记本win11电脑上安装linux系统用于机器学习、深度学习、大模型等相关的研究&#xff0c;前面试了VMWARE、HYPER-V等方式&#xff0c;…

重构代码之删除对参数的赋值

删除对参数的赋值 是一种重构技术&#xff0c;旨在消除对方法参数的重新赋值。这种实践可以增强代码的可读性和维护性&#xff0c;避免潜在的副作用。以下是详细讲解&#xff1a; 一、动机 保护参数的意图&#xff1a;方法参数通常表示传入数据或状态。如果重新赋值&#xff…

[BSidesCF 2019]SVGMagic

打开题目 给了提示&#xff0c;使用魔法将svg转换成png&#xff0c;搜索了一下svg 是一种XML标记语言&#xff0c;既然是XML&#xff0c;就可能存在XXE漏洞 构造一个XML外部实体注入&#xff08;XXE&#xff09;攻击&#xff0c;尝试一下 <!ENTITY file SYSTEM "file…

IPv6 NDP 记录

NDP&#xff08;Neighbor Discovery Protocol&#xff0c;邻居发现协议&#xff09; 是 IPv6 的一个关键协议&#xff0c;它组合了 IPv4 中的 ARP、ICMP 路由器发现和 ICMP 重定向等协议&#xff0c;并对它们作出了改进。该协议使用 ICMPv6 协议实现&#xff0c;作为 IPv6 的基…