html5背景渐变,HTML5渐变

如何在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、实现效果

相关问答

Q1: html中想要将背景颜色渐变怎么弄？

html中将背景颜色渐变步骤如下：

1、先使用一个div标签。

2、然后在header标签里面设置div标签的css样式。

3、颜色渐变要有一个范围，需要给div设定width和height，也就是宽度和高度。

4、然后设定div的background背景属性，如图所示，背景颜色渐变就用到-webkit-linear-gradient。

5、接着，在-webkit-linear-gradient里面写top，设定渐变从顶部开始，到底部结束。

6、再设定颜色的渐变顺序，比如我设置了从白色渐变到蓝色。

7、做完这些之后，div背景渐变就成功了。

Q2: html 中含有渐变的背景怎么做？

这位网友你好，楼上那位仁兄的方法不错，可以用内阴影再加上背景颜色做，外加圆角，当然了，低版本IE浏览器是不支持的，最好还是切图吧，分为三部分，上面圆角部分加中间部分垂直平铺再加下面圆角部分。

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

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

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

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

Q4: 在HTML种，怎么能做到背景颜色渐变（由深变浅）？

有两种实现的方法。第一种就是最常用的插入背景图片（做个渐变图就可以了） 第二种就是在body内 加入 style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#7CBE42', endColorStr='#84C34A', gradientType='0')" 演示：