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

html-css011

html中如何让背景颜色渐变？？？,第1张

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

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

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

我是建一个三行一例的表格，用如下代码替换<TD></td><td style="BORDER-RIGHT: #fffffff 0px solidBORDER-TOP: #000000 0px solidFILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#ffffff', gradientType='0')"></td>-------------------------------------------------------------------------------------------------------startColorStr='#000000' 渐变色起始色endColorStr='#ffffff' 渐变色终止色。gradientType='0' 参数为0，1，2三种效果，也可以是左右渐变色。至于要达到你的效果，把上下两行的行高定小一点。 删了就行。调整一下表格即可，没什么难度。如整站多处用渐变色表格的话建议用外链CSS文件，不用重复多次代码，只用引用CSS就行。' -----------------------------------------------------------------------------------------------------------------调试页面DW8做的，全部代码如下，请验证。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

</style>

</head><body>

<table width="200" cellspacing="0">

<tr>

<td style="BORDER-RIGHT: #fffffff 0px solidBORDER-TOP: #000000 0px solidFILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#000000', gradientType='0')"></td>

</tr>

<tr>

<td bgcolor="#000000"><font color=#FFFFFF>网站导航</font></td>

</tr>

<tr>

<td style="BORDER-RIGHT: #fffffff 0px solidBORDER-TOP: #000000 0px solidFILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#ffffff', gradientType='0')"></td>

</tr>

</table>

</body>

</html>