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 全部選擇 提示:你可先修改部分代碼,再按運行]