[查看演示] 源码如下
----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>检测系统颜色与使用字体－www.51windows.Net</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
body,td,a{font:menu}
</STYLE>
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
</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"><!-- #BeginEditable "example" -->提示:下面的例子分别显示了如何获得用户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>
<!-- #EndEditable --></td>
</tr>
<tr>
<td><!-- #BeginEditable "code" -->使用十分简单:<font color="#990000"> style="background:
名称" </font>如 style="background: windowframe" 这就显示了窗口框架的颜色。<!-- #EndEditable --></td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</BODY>
<!-- #EndTemplate -->
</HTML>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> |
