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(颜色朝向,第一个颜色结束,第二个颜色开始,第二个颜色结束,第三个颜色开始,第三个颜色结束,第四个颜色开始)


相关文章
|
15天前
|
前端开发
css的渐变属性linear-gradient
css的渐变属性linear-gradient
|
2月前
认识transform
【8月更文挑战第24天】认识transform。
65 1
字体颜色改变实例,线性渐变 -webkit-linear-gradient讲解
字体颜色改变实例,线性渐变 -webkit-linear-gradient讲解
|
3月前
|
前端开发 JavaScript
【HTML+CSS+JavaScript】3d-boxes-background
【HTML+CSS+JavaScript】3d-boxes-background
29 0
|
5月前
|
算法 数据可视化 计算机视觉
Transform
Transform“【5月更文挑战第16天】”
36 1
|
前端开发
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient()
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient()
114 0
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient()
|
前端开发
CSS3中border-radius、box-shadow与gradient那点事儿
border-radius用于添加圆角边框,用处非常广泛。
CSS3中border-radius、box-shadow与gradient那点事儿
|
前端开发
CSS:linear-gradient()背景颜色线性渐变
CSS:linear-gradient()背景颜色线性渐变
185 0