• 周五. 10月 7th, 2022

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

css3 背景渐变色

admin

11月 28, 2021

从左往右渐变色背景设置:如下图

渐变一:从左边开始的线性渐变,起点红色,中间黄色,终点红色。

 css代码:

div{
height: 200px;
background-color: red; /* 浏览器不支持时显示 */
background-image: linear-gradient(to right, red, yellow,red); 
}

渐变二:从左边开始的线性渐变,起点黄色,慢慢过渡到红色。

  css代码:

div{
height: 200px;
background-color: red; /* 浏览器不支持时显示 */
background-image: linear-gradient(to right, yellow,red);
}

从上往下渐变色背景设置:如下图

从上边开始的线性渐变,起点红色,慢慢过渡到黄色

div{
    height: 200px;
    background-color: red; /* 浏览器不支持时显示 */
    background-image: linear-gradient(red, yellow);
}

发表回复

您的电子邮箱地址不会被公开。