网页设计渐变背景代码（网页背景渐变色代码）

本文目录一览：

• 1、求html文字背景色渐变的代码
• 2、CSS怎样实现背景颜色渐变

求html文字背景色渐变的代码

1、背景渐变色 然后设置背景渐变色，代码如下图： background： -webkit-gradient（linear， 0% 0%， 0% 100%， from（#fff）， to（#0000ff）； 其中：linear-gradient（）是用来创建线性渐变的语句。

CSS怎样实现背景颜色渐变

center①：设置中间为径向渐变圆心的横坐标值。 center②：设置中间为径向渐变圆心的纵坐标值。 left：设置左边为径向渐变圆心的横坐标值。 right：设置右边为径向渐变圆心的横坐标值。 top：设置顶部为径向渐变圆心的纵坐标值。

图片渐变切图时一定要以最小为准则，例如在做垂直方向的纯颜色的渐变时，尝试使用1个像素的竖直图片作为渐变背景“最小单元”。另外，要注意css3虽然支持很多的浏览器的兼容，但是目前不支持Opera浏览器。

打开html开发工具，新建一个html文件在html代码页面创建一个p并给这个标签添加一个类名linear：；然后为类设置样式。

例如：index.html。在index.html中的标签中，输入css代码：div{width：200px；height：150px；background：linear-gradient（red，white）；} 浏览器运行index.html页面，此时td中的div的背景颜色从红色到白色渐变。

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。