none
网页渐变颜色是如何做出来的? RRS feed

答案

  • 举例:
    <table cellpadding="0" cellspacing="0" width="72%" height="30" border="0">
    <tr>
    <td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
    (startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
    <td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
    (startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1')">2</td>
    <td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
    (startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='2')">3</td>
    </tr>
    </table>
    只有IE支持貌似。


    PS里面直接用渐变工具做。

    MS的网站是使用背景色+渐变背景图片的方式实现的,这样兼容性好。
    • 已标记为答案 dvdvip 2009年2月28日 9:22
    2009年2月27日 19:23
    版主
  • 做渐变的方法有几种:
    flash,silverlight,css的滤镜,js脚本,直接在ps里设计渐变图片
    孟宪会
    • 已标记为答案 dvdvip 2009年2月28日 9:22
    2009年2月28日 0:29
    版主

全部回复

  • 举例:
    <table cellpadding="0" cellspacing="0" width="72%" height="30" border="0">
    <tr>
    <td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
    (startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
    <td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
    (startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1')">2</td>
    <td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
    (startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='2')">3</td>
    </tr>
    </table>
    只有IE支持貌似。


    PS里面直接用渐变工具做。

    MS的网站是使用背景色+渐变背景图片的方式实现的,这样兼容性好。
    • 已标记为答案 dvdvip 2009年2月28日 9:22
    2009年2月27日 19:23
    版主
  • 做渐变的方法有几种:
    flash,silverlight,css的滤镜,js脚本,直接在ps里设计渐变图片
    孟宪会
    • 已标记为答案 dvdvip 2009年2月28日 9:22
    2009年2月28日 0:29
    版主