AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

background属性：linear-gradient使用

2023-05-18 101
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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(颜色朝向，第一个颜色结束，第二个颜色开始，第二个颜色结束，第三个颜色开始，第三个颜色结束，第四个颜色开始)


文章标签：
前端开发
学吧太深了
目录
相关文章
我是快乐的嘟嘟
|
2月前
|
前端开发
css的渐变属性linear-gradient
css的渐变属性linear-gradient
我是快乐的嘟嘟
61 3
明弟有理想
|
1月前
|
前端开发 UED
CSS3:linear-gradient&input&inset&table
本文介绍了 CSS 中的 `linear-gradient` 渐变、`input` 样式、`inset` 简写属性、`border-collapse: collapse` 表格边框合并以及 `&lt;label&gt;` 元素的 `for` 属性。通过示例代码和解释，帮助读者理解这些 CSS 特性及其应用。
明弟有理想
44 13
爱你三千遍斯塔克
|
4月前
字体颜色改变实例，线性渐变 -webkit-linear-gradient讲解
字体颜色改变实例，线性渐变 -webkit-linear-gradient讲解
爱你三千遍斯塔克
77 0
zrblue
|
4月前
|
前端开发 JavaScript
【HTML+CSS+JavaScript】3d-boxes-background
【HTML+CSS+JavaScript】3d-boxes-background
zrblue
34 0
花花叔叔
|
前端开发
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient(）
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient(）
花花叔叔
125 0
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient(）
咖啡机（K.F.J）
|
前端开发
CSS3中border-radius、box-shadow与gradient那点事儿
border-radius用于添加圆角边框，用处非常广泛。
咖啡机（K.F.J）
243 0
CSS3中border-radius、box-shadow与gradient那点事儿
江咏之
|
前端开发
CSS：linear-gradient()背景颜色线性渐变
CSS：linear-gradient()背景颜色线性渐变
江咏之
191 0
范大脚脚
|
Web App开发 Android开发
关于ShapeDrawable应用的一些介绍（中）之Gradient
范大脚脚
1228 0
科技探索者
CSS3的线性渐变（linear-gradient）
科技探索者
2034 0
技术小胖子
|
图形学
How to: Display a Gradient Fill
技术小胖子
1035 0