DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
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>
上一頁:
網頁標准化制作:CSS的超級技巧大放送
下一頁:
CSS樣式表設計的十條技巧
CSS詳解
CSS樣式表在網頁設計中的4個特性
自從看了Zeldman先生的力作“Designing with Web Standards”中文
DIV錯位:解決IE6、IE7、IE8樣式不兼容問題(3)
7清除浮動.hackbox{ display:table; //將對象作為塊元素級的表格顯
CSS屬性behavior的語法
在進行CSS網頁布局的時候,我們經遇到刷新要保留表單裡內容的時候,習慣的做法使用cookIE,但是
相關文章
css取消斜體 CSS設置去掉斜體樣式
css字體斜體_CSS設置字體斜體
css背景顏色_css 背景顏色設置
css傾斜_css設置字體傾斜
css width height同時設置
font-weight:bold 設置字體加粗CSS樣式
css縮進2字符 (CSS縮進空格兩個漢字位置)
css width百分比 css寬度百分比設置
css padding與寬度width關系
css padding-top樣式教程
CSS基礎知識
Sass教程
CSS3基礎
關於CSS
CSS進階教程
DIV十CSS布局
CSS特效代碼
CSS詳解
小編推薦
css網站布局實錄學習筆記第一部分
HTML5有效提升iFrame安全性 新增Sandbox屬性
在多選框中,自動檢測出你所選擇的個數
一個顯示當前星期的起止日期的腳本
5種方法解決CSS實現垂直居中問題(2)
CSS鼠標在圖片上懸停時改變透明度由模糊變清淅
用CSS實現漸變透明效果
CSS hack:實現IE6、IE7、Firefox兼容
企業網站網頁設計常用參考
使用一張或兩張圖片創建大背景網站
熱門推薦
按設定的時間打開一個後台的窗口
認識浏覽器:挪威的 Opera
div css表單布局的五個小技巧
css控制表格邊框:css 控制邊框
HTML5 File API初探 支持文件拖放上傳功能
網頁在IE6下錯位在IE7下正常的問題
利用CSS框架進行高效率的站點開發 Elements
主流浏覽器CSS Reset的方法(2)
關於CSS漸變的一些要點
大家都在看
網頁設計教程:CSS文字排版技巧大全
js實現鼠標懸浮給圖片加邊框的方法
javascript跨域方法、原理以及出現問題解決方法(詳解)
javascript中typeof的使用示例
一個Ajax.NET的查詢實例
javascript 學習之旅 (1)
jQuery操作Select的Option上下移動及移除添加等等
買家的心聲更有助於促進產品銷售
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved