系統顏色與字體_文本鏈接特效

系統顏色與字體,您可以先修改部分代碼再運行.

<HTML>
<HEAD>
<TITLE>檢測系統顏色與使用字體－模板無憂www.wf0088.com</TITLE>
<STYLE type=text/css>
body,td,a{font:menu}
</STYLE>
</HEAD>
<BODY id=all text=#000000 bgColor=#336699>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD width="100%"> 
      <table width="100%" border="0" cellpadding="8">
        <tr> 
          <td align="center"> 
<font color=#7d070c style="font-size: 14px">檢測系統顏色與使用字體</font>
          </td>
        </tr>
        <tr> 
          <td bgcolor="#f7f7f7">提示:下面的例子分別顯示了如何獲得用戶Window的顏色<br>
            <table border="0" cellspacing="0" cellpadding="1" width="80%" align="center">
              <tr bgcolor="#f7f7f7"> 
                <th>你的設置</th>
                <th>使用名稱</th>
                <th>描述</th>
              </tr>
              <tr> 
                <td style="background: activeborder"></td>
                <td style="text-align: center;">activeborder</td>
                <td>活動窗口的邊框</td>
              </tr>
              <tr> 
                <td  style="background: activecaption"></td>
                <td style="text-align: center;">activecaption</td>
                <td>活動的標題欄</td>
              </tr>
              <tr> 
                <td  style="background: appworkspace"></td>
                <td style="text-align: center;">appworkspace</td>
                <td>應用程序背景</td>
              </tr>
              <tr> 
                <td  style="background: background"></td>
                <td style="text-align: center;">background</td>
                <td>桌面</td>
              </tr>
              <tr> 
                <td  style="background: buttonface"></td>
                <td style="text-align: center;">buttonface</td>
                <td>按鈕表面</td>
              </tr>
              <tr> 
                <td  style="background: buttonhighlight"></td>
                <td style="text-align: center;">buttonhighlight</td>
                <td>按鈕高光</td>
              </tr>
              <tr> 
                <td  style="background: buttonshadow"></td>
                <td style="text-align: center;">buttonshadow</td>
                <td>按鈕陰影</td>
              </tr>
              <tr> 
                <td  style="background: buttontext"></td>
                <td style="text-align: center;">buttontext</td>
                <td>按鈕字體</td>
              </tr>
              <tr> 
                <td  style="background: captiontext"></td>
                <td style="text-align: center;">captiontext</td>
                <td>標題字體</td>
              </tr>
              <tr> 
                <td  style="background: graytext"></td>
                <td style="text-align: center;">graytext</td>
                <td>灰色文字</td>
              </tr>
              <tr> 
                <td  style="background: highlight"></td>
                <td style="text-align: center;">highlight</td>
                <td>選擇狀態背景</td>
              </tr>
              <tr> 
                <td  style="background: highlighttext"></td>
                <td style="text-align: center;">highlighttext</td>
                <td>選擇狀態字體</td>
              </tr>
              <tr> 
                <td  style="background: inactiveborder"></td>
                <td style="text-align: center;">inactiveborder</td>
                <td>非活動的窗口邊框</td>
              </tr>
              <tr> 
                <td  style="background: inactivecaption"></td>
                <td style="text-align: center;">inactivecaption</td>
                <td>非活動的窗口標題</td>
              </tr>
              <tr> 
                <td  style="background: inactivecaptiontext"></td>
                <td style="text-align: center;">inactivecaptiontext</td>
                <td>非活動的窗口標題字體</td>
              </tr>
              <tr> 
                <td  style="background: infobackground"></td>
                <td style="text-align: center;">infobackground</td>
                <td>提示背景</td>
              </tr>
              <tr> 
                <td  style="background: infotext"></td>
                <td style="text-align: center;">infotext</td>
                <td>提示字體</td>
              </tr>
              <tr> 
                <td  style="background: menu"></td>
                <td style="text-align: center;">menu</td>
                <td>菜單背景色</td>
              </tr>
              <tr> 
                <td  style="background: menutext"></td>
                <td style="text-align: center;">menutext</td>
                <td>菜單字體</td>
              </tr>
              <tr> 
                <td  style="background: scrollbar"></td>
                <td style="text-align: center;">scrollbar</td>
                <td>滾動條背景色</td>
              </tr>
              <tr> 
                <td  style="background: threeddarkshadow"></td>
                <td style="text-align: center;">threeddarkshadow</td>
                <td>立體對象的深色</td>
              </tr>
              <tr> 
                <td  style="background: threedface"></td>
                <td style="text-align: center;">threedface</td>
                <td>立體對象的表面</td>
              </tr>
              <tr> 
                <td  style="background: threedhighlight"></td>
                <td style="text-align: center;">threedhighlight</td>
                <td>立體對象的突出</td>
              </tr>
              <tr> 
                <td  style="background: threedlightshadow"></td>
                <td style="text-align: center;">threedlightshadow</td>
                <td>立體對象的高光</td>
              </tr>
              <tr> 
                <td  style="background: threedshadow"></td>
                <td style="text-align: center;">threedshadow</td>
                <td>立體對象的陰影</td>
              </tr>
              <tr> 
                <td  style="background: window"></td>
                <td style="text-align: center;">window</td>
                <td>窗口的背景</td>
              </tr>
              <tr> 
                <td  style="background: windowframe"></td>
                <td style="text-align: center;">windowframe</td>
                <td>窗口的框架</td>
              </tr>
              <tr> 
                <td  style="background: windowtext"></td>
                <td style="text-align: center;">windowtext</td>
                <td>視窗字體</td>
              </tr>
            </table>
            <br>
            提示:下面的例子分別顯示了如何獲得用戶Window的字體<br>
            <table border="0" cols=2 align="center" width="80%" cellpadding="1" cellspacing="0">
              <tr bgcolor="#f7f7f7"> 
                <th>字體名稱</th>
                <th>描述</th>
              </tr>
              <tr> 
                <td style="text-align: center;"><em>no value</em></td>  
                <td>默認的字體</td>  
              </tr>  
              <tr>   
                <td style="text-align: center;">caption</td>  
                <td style="font: caption">標題的字體</td>  
              </tr>  
              <tr>   
                <td style="text-align: center;">icon</td>  
                <td style="font: icon">圖標下方的字體</td>  
              </tr>  
              <tr>   
                <td style="text-align: center;">menu</td>  
                <td style="font: menu">菜單字體</td>  
              </tr>  
              <tr>   
                <td style="text-align: center;">messagebox</td>  
                <td style="font: messagebox">對話框的字體</td>  
              </tr>  
              <tr>   
                <td style="text-align: center;">smallcaption</td>  
                <td style="font: smallcaption">提示字體</td>  
              </tr>  
              <tr>   
                <td style="text-align: center;">statusbar</td>  
                <td style="font: statusbar">狀態欄的字體</td>  
              </tr>  
            </table>  
            </td>  
        </tr>  
        <tr>   
          <td>使用十分簡單:<font color="#990000"> style="background:   
            名稱" </font>如 style="background: windowframe" 這就顯示了窗口框架的顏色。</td>  
        </tr>  
      </table>  
    </TD>  
  </TR>  
</TABLE>  
</BODY>  
  
</HTML>

所屬頻道：文本鏈接特效/更新時間：2012-11-13

[收藏][報錯][返回列表]

相關文本鏈接特效：

系統顏色與字體_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些