background属性:linear-gradient使用

简介: background属性:linear-gradient使用

前端:

<td class=" " style=" cursor:pointer;background:  linear-gradient(to right,red 25%,blue 25%,blue 50%,green 50%,green 75%,yellow 75%);">1102</td>


效果:

20210303164025548.png

说明:

linear-gradient(颜色朝向,第一个颜色结束,第二个颜色开始,第二个颜色结束,第三个颜色开始,第三个颜色结束,第四个颜色开始)


相关文章
|
数据采集 前端开发 搜索推荐
埋点tracker:前端数据埋点-方案设计思路梳理
埋点tracker:前端数据埋点-方案设计思路梳理
4496 0
|
运维 Linux Docker
Docker Hub 镜像拉取超时:1Panel面板中应用安装失败的临时解决方案
`1Panel` 是一款Linux服务器管理面板,提供图形化界面便于运维。若在安装应用时遇到问题,可以尝试使用Docker加速地址 <https://docker.1panel.live/>,但请注意该地址可能不稳定且仅限境内使用。首届 `1Panel` 运维节将在2024年7月24日举行,更多信息可访问官方链接。
9553 2
Docker Hub 镜像拉取超时:1Panel面板中应用安装失败的临时解决方案
|
网络协议 安全 容灾
哪些 DNS 服务器的响应速度快且稳定可靠?
哪些 DNS 服务器的响应速度快且稳定可靠?
43110 4
|
自然语言处理 架构师 测试技术
如何画好一张架构图?
架构图是什么?为什么要画架构图?如何画?有哪些方法?本文从架构的定义说起,分享阿里文娱高级技术专家箫逸关于画架构图多年的经验总结,并对抽象这一概念进行了深入地讨论。较长,同学们可收藏后再看。
4891 0
如何画好一张架构图?
|
存储 JavaScript 前端开发
js获取时间日期
js获取时间日期
1470 1
|
网络协议 数据安全/隐私保护 网络架构
通俗科普:网关是什么?
通俗科普:网关是什么?
14377 0
|
Python
Python每日一练(20230508) 石子游戏 I\II\III
Python每日一练(20230508) 石子游戏 I\II\III
436 0
|
存储 安全 算法
智能终端信息安全概念(五):硬件安全技术—加密芯片
智能终端信息安全概念(五):硬件安全技术—加密芯片
748 0