html中如何让背景颜色渐变？？？

1、打开html开发工具，新建一个html文件在html代码页面创建一个div并给这个标签添加一个类名linear：

2、然后为类设置样式。在title后面创建一个style标签，然后在这个标签里面设置linear类的高、渐变（linear-gradient）的样式，这里的第一个参数是设置渐变的方向，后面两个参数是起始颜色和终止颜色。设置好后去浏览器查看效果：

3、保存好html文件后使用浏览器查看效果。就会看到一个绿色到红色的渐变了。以上就是html中让背景颜色渐变的设置方法介绍：

HTML5做文字渐变的方法

这个简单啊，就用CSS3的新属性 过渡 transition 就好了，代码如下：

!DOCTYPE html

html

head

meta charset="UTF-8"

title文字渐变效果/title

style type="text/css"

div{

width: 100px;

height: 30px;

color: #000;

transition: color 1s;

}

div:hover{

color: yellow;

}

/style

/head

body

div移入试试看/div

/body

/html

css字体渐变，css怎样定义让字体有渐变颜色

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用font标签创建三行文字，分别用不同的方法给font字体设置颜色。

3、在test.html文件内，直接在font标签上，通过color属性来设置字体的颜色。例如，设置font字体的颜色为红色。

4、在test.html文件内，设置font标签的class属性为myclass，主要用于下面通过该class来设置css样式。

5、在test.html文件内，设置font标签的id属性为myid，主要用于下面通过该id来设置css样式。

6、在css标签中，设置类名为myclass的样式，例如，设置color属性为蓝色（blue）；设置id为myid的样式，例如，设置color属性为粉红色（pink）。

7、在浏览器打开test.html文件，查看实现的效果。

如何在HTML做出渐变？

1、HTML实现渐变

!DOCTYPE html

html

head

meta charset="UTF-8"

title/title

style

#week{

width: 600px;

height: 600px;

background: linear-gradient(red, yellow, blue);

border-radius: 300px;

}

/style

/head

body

div id="week"

/div

/body

/html

2、实现效果