在网页制作当中，在页面添加渐变效果，可以增添网页的美观度，网页html渐变效果代码有很多，有利于背景渐变图片，有利于js控制效果的，而最简洁的方法就是直接利用css代码来实现网页html渐变效果。
网页html渐变效果:上下渐变
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='起始颜色代码', endColorStr='结束颜色代码', gradientType='0')"
网页html渐变效果:左右渐变
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='起始颜色代码', endColorStr='结束颜色代码', gradientType='1')"
网页html渐变效果:对角线渐变
style="FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100); BACKGROUND-COLOR:颜色代码"
在需要使用渐变的地方直接使用该代码即可，如需要整个网页背景当中使用渐变效果则把此渐变效果代码加到body中，如：<body leftmargin="0" topmargin="0"style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#sf343s', endColorStr='#f34dfd', gradientType='0')">。如需要在局部当中使用，像在td当中，则代码为：<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#000000', gradientType='0')">。
作者: 网站设计@ cms
原载: 25亿企业网站管理系统
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。