用CSS实现表格背景颜色渐变效果
2008-04-30 19:46
1046 查看
怎么样用CSS实现表格背景颜色的渐变效果呢,请看下面的例子:
<style>td{text-align:center;color:white;font-family:宋体;font-size:14px;}table{table-layout:fixed;border:1 dashed blue;width:567;height:234;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFF00000,endcolorstr=#FFFFFF00,gradientType=0);}body{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119d,endcolorstr=#FF000000,gradientType=1);}</style>
<center>
<table border="0" cellspacing="20" cellpadding="2">
<tr><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFF00000,endcolorstr=#FFFFFF00,gradientType=1)">
网页教学网
</td><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119f,endcolorstr=#FF09FFFF,gradientType=1)">
网页教学网提供单位或个人建站的全套服务,包括建站指南(建站流程,网站模式,网站类型,主机和域名等)、网站制作(网页工具、标记语言、网页特效等)、网站推广(网页优化,W3C标准,搜索引擎研究、网站推广方式等)以及网络新技术和新模式(web2.0,ajax,垂直搜索引擎等)
</td></tr><tr><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFFee00,endcolorstr=#FF09FF00,gradientType=1)">
闪电儿
</td><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=deeppink,endcolorstr=#FF09FF00,gradientType=1)">
<B><font color="#22FF22">网</font><font color="#FF2222">页</font><font color="#001199">教</font><font color="#00fffa">学</font><font color="#0000FF">网</font></B>
</td></tr>
</table> [Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
<style>td{text-align:center;color:white;font-family:宋体;font-size:14px;}table{table-layout:fixed;border:1 dashed blue;width:567;height:234;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFF00000,endcolorstr=#FFFFFF00,gradientType=0);}body{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119d,endcolorstr=#FF000000,gradientType=1);}</style>
<center>
<table border="0" cellspacing="20" cellpadding="2">
<tr><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFF00000,endcolorstr=#FFFFFF00,gradientType=1)">
网页教学网
</td><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119f,endcolorstr=#FF09FFFF,gradientType=1)">
网页教学网提供单位或个人建站的全套服务,包括建站指南(建站流程,网站模式,网站类型,主机和域名等)、网站制作(网页工具、标记语言、网页特效等)、网站推广(网页优化,W3C标准,搜索引擎研究、网站推广方式等)以及网络新技术和新模式(web2.0,ajax,垂直搜索引擎等)
</td></tr><tr><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFFee00,endcolorstr=#FF09FF00,gradientType=1)">
闪电儿
</td><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=deeppink,endcolorstr=#FF09FF00,gradientType=1)">
<B><font color="#22FF22">网</font><font color="#FF2222">页</font><font color="#001199">教</font><font color="#00fffa">学</font><font color="#0000FF">网</font></B>
</td></tr>
</table> [Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
相关文章推荐
- 用CSS实现表格背景颜色渐变效果
- CSS实现网页背景颜色渐变的效果(火狐浏览器,IE,)
- CSS实现网页背景颜色渐变效果的代码
- css实现背景颜色渐变效果
- CSS实现表格边框阴影和背景渐变效果
- CSS实现网页背景颜色渐变的效果。
- CSS实现表格边框阴影和背景渐变效果
- CSS -- 实现DIV层背景颜色渐变 (兼容IE 火狐 谷歌浏览器)
- CSS Filter 代替 图片 实现 渐变背景效果。
- 实现背景颜色的渐变效果(code project)
- css实现背景渐变效果
- CSS实现兼容性的渐变背景(gradient)效果【体验结果】
- 如何使用css实现背景颜色渐变
- CSS实现兼容性的渐变背景(gradient)效果
- 用BlueEffects效果库简单实现类似于csdn中的背景颜色渐变的效果
- CSS实现兼容性的渐变背景(gradient)效果
- 实现背景颜色的渐变效果
- CSS控制图片、表格、背景颜色渐变示例
- JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
- CSS实现兼容性的渐变背景(gradient)效果