设为主页
收藏本站
当前位置 :
首页
->
网站设计
->
CSS/CSS2
->正文
用CSS实现表格背景颜色渐变效果
来源:
Linuxdby.com
作者:
Webmaster
时间:
2007-06-05
点击:
[
收藏
] [
投稿
]
怎么样用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></B> </td></tr> </table> <script language="Javascript"> 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>
如果您对本文有任何疑问或者建议,请到讨论区发表您的意见:
>> 论坛入口 <<
上一篇:
认识CSS中absolute与relative
下一篇:
CSS里也能写脚本?
【
文章评论
】 【
收藏本文
】 【
推荐好友
】 【
打印本文
】 【
我要投稿
】 【
论坛讨论
】
更多相关文章
·
纯CSS的下拉菜单 支持IE6 IE7 Firefox
·
CSS网页中的相对定位与绝对定位
·
web标准化设计:常用的CSS命名规则
·
网页标准化制作:CSS的超级技巧大放送
·
用CSS设计高体验的表单显示效果示例
·
CSS实现导航条图片的翻转菜单
·
用CSS实现的一张图完成的导航条
·
CSS仿淘宝首页导航条按钮布局效果
·
如何用CSS层叠样式表控制鼠标显示的样式
·
如何用CSS来控制网页字体的显示样式
推荐文章
·
各种媒体文件在线播放代码
·
用CSS实现的一张图完成的导航条
·
网页字体的设置
·
CSS手册简编:用户属性
·
CSS文本:layout-flow
·
一些音乐格式文件的链接语法
·
用tabIndex轻松实现网页导航
·
CSS:letter-spacing
精彩文章
·
让网页超链接拥有多姿多彩的下划线
·
典型的三行二列居中高度自适应布局
·
用GoLive实现CSS+DIV之一
·
CSS hack浏览器兼容一览表
·
用CSS来控制网页背景
·
用CSS实现无图片圆角效果
·
CSS制作标签卡Tab效果
·
用CSS设计高体验的表单显示效果示例
·
CSS菜鸟学习小结
·
初步了解CSS3
·
CSS2 参考
·
网页头部属性设置技巧
·
轻松玩转花样表单 表单提交
·
alt属性和title属性
·
会移动的文字(Marquee)
·
CSS-FONT样式
·
CSS样式文本填充,边框,边界和位
·
用CSS巧控制段落缩进
·
用tabIndex轻松实现网页导航
·
Div + CSS 高度自适应解决方案
·
你未必知道的10个CSS技巧
·
页面(PAGE)标记(TAGS)
·
利用“页中页”快速更新主页妙法
·
巧用CSS制作可控闪烁效果
·
使用css在不同页面上使用同样的导
·
详细了解Anchor标记
Power by linux-cn.com
粤ICP备05006655号