TShopping

 找回密碼
 註冊
搜索
查看: 1584|回復: 0

[教學] 利用CSS做成的視覺選單

[複製鏈接]
發表於 2008-9-21 19:21:36 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
步驟一、複製程式碼至<head></head>之間
  1. <style type='text/css'>
  2. A:link{font: 9pt Arial; color:#ffffff;text-decoration:none;}
  3. A:visited{font: 9pt Arial; color:#ffffff;text-decoration:none;}
  4. A:hover{font: 9pt Arial; color:#ffdcd0;text-decoration:none}
  5. .baseline {
  6.                         position:absolute;
  7.                       left:120px;
  8.                      top:140px;
  9.                         line-height:200%;
  10.                 font-family:Verdana;
  11.                 font-size:10pt;
  12.                        color:"Blue";
  13.                         width:400;
  14.                                 }
  15. </style>

  16. <table border='0' width='130' height='100' onMouseover="bgColor='#FFCFBF'" onMouseout="bgColor=''">
  17. <tr>
  18. <td bgColor="#FFCFBF">
  19. <font color='white' size="2"><b>CSS網頁選單</b></font>
  20. </td>
  21. <tr>
  22. <td onMouseOver="bgColor='#cc3300'" onMouseout="bgColor=''">
  23. <a href=DHTML.htm><b>DHTML</b></a>
  24. </td>
  25. <tr>
  26. <td onMouseOver="bgColor='#cc3300'" onMouseout="bgColor=''">
  27. <a href=html-1.htm><b>HTML</b></a>
  28. </td>
  29. <tr>
  30. <td onMouseOver="bgColor='#cc3300'" onMouseout="bgColor=''">
  31. <a href="ga-no.htm"><b>拼拼看</b></a>
  32. </td>
  33. </tr>
  34. </table>
複製代碼

修改事項:
可以自行試著修改CSS色彩。

 

臉書網友討論
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-11 00:54 , Processed in 0.049573 second(s), 18 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表