css 如何实现 颜色的渐变？？

发布网友 发布时间：2022-04-20 04:17

我来回答

共5个回答

热心网友 时间：2024-01-08 15:55

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

div {width: 200px;height: 150px;background: linear-gradient(red, white);}

3、浏览器运行index.html页面，此时td中的div的背景颜色从红色到白色渐变。

热心网友 时间：2024-01-08 15:55

在Mozilla 下
background: -moz-linear-gradient( top,#ccc,#000);
参数说明
1,起点位置top 是从上到下,left是从左到右,left top是左上到右下
2,开始颜色,
3,结束颜色
在Webkit下
-webkit-linear-gradient(top,#ccc,#000);
参数与mozilla一致
在 Opera 下
background: -o-linear-gradient(top,#ccc, #000);
数与mozilla一致
更多的参数应用可以去度娘查询,有很详细参数使用示例.

热心网友 时间：2024-01-08 15:56

CSS3支持颜色渐变，但目前主流浏览器对CSS3支持都不完全，甚至不支持。
所以你可以使用背景图片来做，你要竖向渐变，可以将图片切成宽1px的背景，然后设置这个DIV的背景平铺。如：background:url(bg.gif) left right repeat-x;

热心网友 时间：2024-01-08 15:56

css3标准里可以实现背景色渐变、圆角边框的语句\

目前css2.0不支持这样的语句，要实现真得用js

热心网友 时间：2024-01-08 15:57

滤镜可以做，不过兼容性只有IE支持