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

發布時間:2017-04-10 21:04 來源:互聯網 當前欄目:網頁設計教程

 <html>

<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title><style>td{text-align:center;color:white;font-family:宋體;font-size:15px; font-weight:bold;border:2 dashed #FFFFFF;}table{table-layout:fixed;border:2 dashed blue;width:567;height:234;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#990099,endcolorstr=#FFCCFF,gradientType=1);}body{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#86CEFF,endcolorstr=#000099,gradientType=1);} </style></head><body><center><table border="0" cellspacing="20" cellpadding="2"><tr><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)">網頁陶吧-龍犢</td><td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#006600,endcolorstr=#99FF99,gradientType=0)">網頁陶吧</td></tr></table><!--gradientType=1代表橫向漸變,gradientType=0代表縱向淅變漸變效果實現:filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)--><p><a href=http://homepage.yesky.com><font style="font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none;">網頁陶吧-培養優秀的網頁設計師和個人站長</font></a></p></body></html>
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、