用CSS实现表格背景颜色渐变效果

　　怎么样用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 全部选择 提示：你可先修改部分代码，再按运行]

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有