首页 > 网站 > WEB开发 > 正文

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

2024-04-27 13:55:36

字体：大中小

来源：转载

供稿：网友

怎么样用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，<a href="http://www.vevb.com/article.asp?typeid=119">Ajax</a>，垂直搜索引擎等）</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></B></td></tr></table><scr<a href="http://ip.vevb.com/">ip</a>t language="<a href="http://www.vevb.com/article.asp?typeid=160">java</a>script"> var now = new Date(); document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime()  + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); </script> <noscript> <img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noscript>

上一篇：奇妙的文字图形 font-family的非常用途

下一篇：CSS初级入门：页面样式的整体声明

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注