首页 > 开发 > CSS > 正文

css3实现背景颜色渐变让图片不再是唯一的实现方式

2024-07-11 08:29:17
字体:
来源:转载
供稿:网友

纵向渐变: 

复制代码
代码如下:
<tr>
<td style="font-weight:bold;color:Black;border:1px solid #E5F5FF; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#E5F5FF', gradientType='0');">
text
</td>
</tr>

                                       

横向渐变:

复制代码
代码如下:
<tr>
<td style="font-weight:bold;color:Black;border:1px solid #E5F5FF; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#E5F5FF', gradientType='1');">
text
</td>
</tr>

                                                                     

默认纵向渐变颜色:

复制代码
代码如下:
<tr>
<td style="font-weight:bold;color:Black;border:1px solid #E5F5FF; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#E5F5FF', gradientType='2');"> text
</td>
</tr>

                               

对于网页设计师而言,颜色渐变在网页设计中十分常见,而对于网页制作者来说,通常的方法就是把渐变切成图片来实现。伴随着css3的出现,实现背景颜色渐变,图片不再是唯一的实现方式。虽然IE浏览器还没有实现,但Mozilla和webkit内核的浏览器已经接受了这一实现方式。在这里面,我分别就这两种内核的浏览器进行讲解。
一、以firefox为代表的mozilla内核的浏览器(注意,以下的图请有firefox浏览器下查看)

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表