TShopping

標題: 利用CSS做成的視覺選單 [打印本頁]
作者: woff    時間: 2008-9-21 19:21
標題: 利用CSS做成的視覺選單
步驟一、複製程式碼至<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>

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

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



歡迎光臨 TShopping (http://www.tshopping.com.tw/) Powered by Discuz! X3.2