DIV CSS 佈局教程網

設為首頁加入收藏

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 用CSS實現表格背景顏色漸變效果

用CSS實現表格背景顏色漸變效果

編輯：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></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>

上一頁:如何實現標記中的Title換行問題
下一頁:奇妙的文字圖形 font-family的非常用途

CSS進階教程

IE7與web標准設計（2）: 上文：IE7的web標准設計IE歷來被web標准的擁護者所诟病，而當FireFox橫空出世以後，更多
CSS3網頁制作教程:overflow屬性超過一行顯示省略號: overflow屬性-原本是ie浏覽器獨自開發的屬性，由於在css3中被采用，得到了其他浏覽器的支持
CssGaga教程:css壓縮: 此功能默認開啟勾選換行則每條規則後換行，否則全部壓為一行（MHTML除外） CssGaga

相關文章

CSS基礎知識 Sass教程 CSS3基礎關於CSS CSS進階教程 DIV十CSS布局 CSS特效代碼 CSS詳解

小編推薦

CSS應用實例：水平線變成虛線有關表格邊框的css語法整理用tabIndex輕松實現網頁導航固定網頁語言編碼、字號、字體 CSS教程:dl dt dd模擬表格實例 IE6使用浮動去掉元素中的多余空白間距用CSS floats創建三欄頁布局網頁設計引入CSS樣式的五種方式 CSS教程:征服高級CSS選擇器 CSS3實例教程:使用border-radius制作文本文檔圖標

熱門推薦

CSS教程：margin屬性定義邊外補白你怎麼書寫CSS代碼？制作網頁新聞框:CSS相對與絕對的方法 CSS3按鈕選擇器：設計網頁鏈接平滑的按鈕歷數CSS縮寫的一些好處 CSS實例教程:圖片寬高自適應固定邊框 CSS教程(4)：通過實例學習CSS背景 web標准化設計：常用的CSS命名規則 CSS網頁布局實例:常見的12種網頁布局

大家都在看

10個增強WEB字體排版的JQUERY插件 JavaScript對IE操作的經典代碼 jQuery中驗證表單提交方式及序列化表單內容的實現網頁制作總結:iframe用法與注意事項 multiSteps 基於Jquery的多步驟滑動切換插件仿新浪微博登陸郵箱提示效果的js代碼 jQuery之$(document).ready()使用介紹 JS制作圖形驗證碼實現代碼

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|

Copyright © DIV+CSS佈局教程網 All Rights Reserved