文本框样式
如何在Word中应用不同的文本框样式
如何在Word中应用不同的文本框样式在Word中，我们可以通过应用不同的文本框样式来美化文档，使其更具吸引力。
本文将介绍如何在Word中使用不同的文本框样式。
一、打开Word并选择插入文本框要在Word中应用不同的文本框样式，首先需要打开Word文档并选择插入文本框。
在Word 2010及以上版本中，可以通过点击“插入”选项卡中的“文本框”按钮来插入文本框。
二、选择文本框样式一旦插入了文本框，可以通过单击文本框边缘来选择它。
然后，在“格式”选项卡中，可以看到“样式”组，在这里可以选择不同的文本框样式。
三、自定义文本框样式除了选择预设的文本框样式外，还可以自定义文本框样式，使其更符合个人需求。
在“格式”选项卡中，可以看到“文本框样式”组，点击“形状轮廓”、“填充”、“效果”按钮可以对文本框的轮廓、填充和效果进行自定义设置。
四、应用文本框样式到其他文本框如果想将已设置好的文本框样式应用到其他的文本框中，可以使用“格式刷”工具。
首先，选择已样式化好的文本框，然后点击“开始”选项卡中的“格式刷”按钮。
接下来，再点击要应用样式的文本框即可。
五、改变文本框大小和位置除了应用不同的文本框样式，还可以改变文本框的大小和位置来适应文档的需要。
选中文本框后，可以拖动边缘或角落的调节手柄来改变文本框的大小。
另外，也可以通过鼠标拖动文本框来改变其位置。
六、添加文本和格式化一旦插入了文本框，就可以在其中添加文本内容。
点击文本框内即可输入文字。
同时，还可以对文本进行格式化操作，如字体、字号、颜色等。
七、链接文本框有时候，文档中的文本框可能需要链接在一起，形成一个连续的流。
为了实现这一点，选择一个文本框，然后点击“布局选项”按钮，在弹出的菜单中选择“链接文本框”选项，然后选择另一个文本框即可链接它们。
总结：通过使用不同的文本框样式，我们可以在Word中创建出具有吸引力和专业外观的文档。
可以选择预设样式或自定义样式，并且可以通过格式刷工具将样式应用到其他的文本框中。
Word中如何设置文本框边框
Word中如何设置文本框边框在Word中，设置文本框边框可以使文本框更加醒目、有条理，并且可以突出文本框的内容。
下面将介绍如何在Word中设置文本框边框。
一、插入文本框1. 打开Word文档，在需要插入文本框的位置点击鼠标光标。
2. 在菜单栏的“插入”选项中点击“文本框”按钮。
3. 在下拉菜单中选择合适的文本框样式，例如“简单文本框”或“带标题的文本框”。
二、设置文本框边框样式1. 在文本框中双击，使其进入编辑状态。
2. 在菜单栏的“格式”选项中点击“文本框”按钮，打开文本框格式设置窗口。
3. 在“文本框”选项卡中，可以设置文本框的边框样式、颜色和宽度。
- 边框样式：可以选择实线、虚线、点线等不同的边框样式。
- 边框颜色：可以选择不同的颜色或自定义颜色。
- 边框宽度：可以调整边框的粗细程度。
三、调整文本框边距1. 在文本框中双击，使其进入编辑状态。
2. 在菜单栏的“格式”选项中点击“文本框”按钮，打开文本框格式设置窗口。
3. 在“布局”选项卡中，可以设置文本框的内外边距。
- 内边距：指文本与文本框边界之间的距离，可以调整文本与边框的间隔。
- 外边距：指文本框与周围文字或页面边界之间的距离，可以调整文本框与页面其他元素的间隔。
四、添加文本框样式1. 在文本框中双击，使其进入编辑状态。
2. 在菜单栏的“格式”选项中点击“形状样式”按钮，打开文本框样式窗口。
3. 在窗口中选择合适的样式，例如圆角、扁平化等，可以使文本框更加美观。
五、保存并应用设置1. 设置好文本框边框样式后，点击“确定”按钮保存设置。
2. 确认文本框边框是否符合要求，如果需要调整可以重新进入编辑状态进行修改。
3. 如需在其他位置插入相同格式的文本框，可复制已设置好的文本框，并粘贴到新的位置。
通过以上步骤，您可以在Word中轻松设置文本框边框，使文档内容更加清晰、整洁。
希望以上介绍对您有所帮助。
好看的文本框和按钮样式
9、自动向下廷伸的文本框：
<textarea name="content" rows="6" cols="80" onpropertychange="if(this.scrollHeight>80) this.style.posHeight=this.scrollHeight+5">输入几个回车试试</textarea>
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}
三、红色按钮
.redmily: "tahoma", "宋体"; /**/
border-top: #93bee2 1px solid;
background-image:url(../images/redbuttonbg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
<input type="submit" name="Submit">
4、输入框景背景透明：
<input style="background:transparent;border:1px solid #ffffff">
Word中如何插入文本框边框样式
Word中如何插入文本框边框样式Word是微软公司开发的非常流行的办公软件之一，它提供了许多强大的功能，方便用户进行文档编辑和排版。
在使用Word进行文档编辑时，我们经常会遇到需要插入文本框的情况。
本文将介绍如何在Word中插入文本框并设置边框样式。
一、插入文本框在Word中插入文本框非常简单，只需要按照以下步骤进行操作：1. 打开Word文档，定位到需要插入文本框的位置。
2. 在菜单栏的"插入"选项卡中，找到并点击"文本框"按钮。
3. 在弹出的下拉菜单中，选择合适的文本框样式，可以是预设的样式，也可以是自定义的样式。
4. 鼠标点击文档中的位置，即可插入一个默认大小的文本框。
二、设置文本框边框样式插入文本框后，我们可以对其进行边框样式的设置。
接下来介绍两种常用的方法：方法一：通过右键菜单设置边框样式1. 鼠标右键单击插入的文本框，弹出右键菜单。
2. 在右键菜单中选择"格式形状"选项，打开"格式形状"对话框。
3. 在"格式形状"对话框中的"行"选项卡中，可以对边框的线条样式、颜色、粗细进行设置。
4. 在"格式形状"对话框中的"填充和线条"选项卡中，还可以设置填充色、阴影等其他样式。
5. 设置完成后，点击对话框底部的"确定"按钮，即可应用所设置的边框样式。
方法二：通过"格式"选项卡设置边框样式1. 单击文本框，选中要设置边框样式的文本框。
2. 在菜单栏的"格式"选项卡中，找到并点击"形状轮廓"按钮。
3. 在下拉菜单中，可以选择预设的边框样式，或者点击"轮廓选项"进入更详细的设置。
4. 在"轮廓格式"对话框中，可以设置边框的线条样式、颜色、粗细等属性。
使用Word文档的文本框格式和样式功能
使用Word文档的文本框格式和样式功能Word文档是我们日常办公、学习中经常使用的一种文档编辑工具，它提供了丰富的功能和样式选项。
其中，文本框格式和样式功能是非常常用和实用的，它可以帮助我们更好地布局和组织文档内容。
本文将介绍如何使用Word文档的文本框格式和样式功能，让我们的文档呈现更加整洁美观的效果。
一、什么是文本框格式和样式功能文本框是Word文档中的一种特殊对象，可以在文档中插入独立的文本框容器，并在其中输入和编辑内容。
文本框格式和样式功能则是指对文本框进行布局、样式和格式的设置，以使其更加符合我们的需求。
二、如何插入和设置文本框1. 首先打开Word文档，在需要插入文本框的位置点击鼠标光标。
2. 然后在“插入”选项卡中找到“文本框”按钮，并点击下拉菜单中的“绘制文本框”选项。
3. 此时鼠标变为十字型，按住鼠标左键拖动鼠标，绘制出文本框的大小和位置。
4. 完成绘制后，松开鼠标左键，即可插入一个文本框。
5. 在文本框中输入和编辑内容，并进行格式调整和样式设置。
三、文本框的格式调整1. 文本框的大小调整：选中文本框，鼠标移动到文本框边缘直到出现双箭头，按住鼠标左键拖动边缘，即可调整文本框的大小。
2. 文本框的位置调整：选中文本框，鼠标移动到文本框内部直到出现十字型，按住鼠标左键拖动文本框，即可改变文本框的位置。
3. 文本框的旋转和翻转：选中文本框，点击“格式”选项卡中的“旋转”按钮，可以进行旋转和翻转文本框的操作。
四、文本框的样式设置1. 文本框的填充颜色：选中文本框，点击“格式”选项卡中的“形状填充”按钮，选择所需的填充颜色即可。
2. 文本框的边框样式：选中文本框，点击“格式”选项卡中的“形状轮廓”按钮，选择所需的边框样式和颜色即可。
3. 文本框的阴影效果：选中文本框，点击“格式”选项卡中的“形状效果”按钮，选择所需的阴影效果即可。
4. 文本框的文字样式：选中文本框，点击“格式”选项卡中的“字体”按钮，进行文字样式的设置，如字体、字号、颜色等。
如何在幻灯片中调整文本框的边框样式
如何在幻灯片中调整文本框的边框样式在幻灯片中调整文本框的边框样式是一个非常简单的操作，可以通过以下步骤完成：步骤一：打开幻灯片编辑模式首先，打开你的幻灯片，并切换到编辑模式。
你可以通过在幻灯片上右键单击并选择“编辑”选项，或者点击编辑工具栏上的编辑按钮来进入编辑模式。
步骤二：选择文本框在幻灯片中找到你想要调整边框样式的文本框。
你可以单击文本框周围的边界来选中它，或者直接在文本框内双击来选中整个文本框及其内容。
步骤三：打开边框样式选项在幻灯片编辑模式下，你会在顶部菜单栏上看到一个“格式”选项卡。
点击它，然后在弹出的选项中选择“形状轮廓”。
步骤四：选择边框样式在弹出的“形状轮廓”选项卡中，你可以看到各种边框样式的选项。
这些选项通常以涂鸦图案的形式呈现，你可以根据自己的需要选择其中任何一个样式。
当你选中某个样式时，幻灯片编辑窗口中的文本框边框会即时更新以显示你所选择的样式。
步骤五：调整边框属性除了选择预定义的边框样式外，你还可以在“形状轮廓”选项卡中找到其他边框属性的选项，如线条颜色、线条粗细等。
通过点击这些选项，你可以进一步调整和个性化文本框的边框样式。
步骤六：应用边框样式选择完边框样式和属性后，点击“应用”或“确定”按钮来将这些样式应用到文本框上。
你会立即在幻灯片中看到所做的更改。
在这里要注意的是，不同的幻灯片编辑软件可能在操作细节上有所不同，但基本的调整文本框边框样式的原理是类似的。
通过这些简单的步骤，你可以快速而方便地调整幻灯片中文本框的边框样式，使其更符合你的设计需求。
在制作幻灯片的过程中，合适的边框样式能够提升幻灯片的整体质感和美观程度，给观众留下深刻的印象。
现在，你可以尝试一下，在你的幻灯片中调整文本框的边框样式，享受到编辑设计的乐趣吧！。
word2010怎样设置文本框样式和颜色
word2010怎样设置文本框样式和颜色
如何在Word2010中设置文本框样式和颜色，去除文本框的外边框，以及更改外边框的颜色和样式。
那么下面就由店铺为您分享下设置文本框样式和颜色的技巧，希望能帮助您。
设置文本框样式和颜色步骤如下：
步骤一：点击【插入】--》【文本框】--【简单文本框】
步骤二：在文本框中输入自己想要写的文字
步骤三：此时，就完成了文本框的插入。
默认情况下，文本框有一个黑色的边框。
如图
步骤四：选中这个文本框，则会出现【绘图工具】菜单。
点击【绘图工具】--》【格式】--》【形状轮廓】
步骤五：点击【形状轮廓】下面的【无轮廓】。
此时该文本框黑色的边框线就消失了
步骤六：用同样的方法。
插入一个新的文本框。
步骤七：点击【绘图工具】--》【格式】--》【形状轮廓】
选择轮廓的【主体颜色】以及【粗细】
步骤八：这样就设置好了下面这个带有橙色粗边框的文本框了。
Word中如何应用不同的文本框样式
Word中如何应用不同的文本框样式Word是一款功能强大的文字处理软件，除了可以编辑和排版文字外，还有许多其他的实用功能。
其中之一就是文本框样式，它可以帮助我们更好地呈现和组织文字内容。
本文将探讨在Word中如何应用不同的文本框样式。
一、了解文本框样式在Word中，文本框样式可以让我们的文字内容更加突出和引人注目。
通过选择不同的文本框样式，我们可以改变文本框的外观和排布方式，以满足不同的需求。
二、创建文本框要应用文本框样式，首先需要创建一个文本框。
可以按照以下步骤来操作：1. 在Word文档中，选择“插入”选项卡。
2. 在“文本”组中，点击“文本框”按钮，选择所需的文本框样式。
3. 在文档中点击并拖动鼠标，确定文本框的大小和位置。
4. 可以在文本框中输入文字，也可以复制粘贴已有的文字内容。
三、应用文本框样式在Word中，有多种文本框样式供我们选择。
下面介绍几种常用的样式及其应用方法：1. 简洁风格简洁风格的文本框样式以简单、清晰的外观为特点，适合用于注释、说明、标题等场景。
我们可以按照以下步骤来使用简洁风格的文本框样式：- 选中所创建的文本框；- 在“格式”选项卡中，点击“形状样式”按钮，在弹出的菜单中选择简洁风格样式。
2. 装饰风格装饰风格的文本框样式注重排版效果和视觉冲击力，适合用于宣传资料、演示文稿等需要突出形象的场合。
使用装饰风格的文本框样式可以按照以下步骤进行：- 选中所创建的文本框；- 在“格式”选项卡中，点击“形状样式”按钮，在弹出的菜单中选择装饰风格样式。
3. 透明风格透明风格的文本框样式可以使文本框与背景融为一体，看起来更加自然和谐，适合用于需要浑然一体感觉的场合。
使用透明风格的文本框样式可以按照以下步骤进行：- 选中所创建的文本框；- 在“格式”选项卡中，点击“形状样式”按钮，在弹出的菜单中选择透明风格样式。
四、自定义文本框样式如果以上提供的文本框样式无法满足需求，我们还可以自定义文本框样式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
文本框样式鼠标一上去变成浅绿色<html><head><title>css-文本框</title><style type="text/css"><!--.box1,.box2 { width:144px; height:22px; line-height:22px; border:1px solid #A9BAC9;background:url(/i/mail/06/bg_box1.gif) no-repeat #fff; padding:0 3px; font-size:12px; }.box2 { border:1px solid #9ECC00;}--></style></head><body><INPUT class=box1 id=loginonmouseover="this.className='box2'" onMouseOut="this.className='box1'" name=login></body></html>文本框提示样式，鼠标点击获得焦点时提示内容消失<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>文本框提示样式</title><style type="text/css"><!--.a1 {color: #CCCCCC;}.a2 {color: #000;}--></style></head><body><input name="n" type="text"/><input name="n1" type="text"/><script language="javascript">window.onload=function(){s('n','Your message1');s('n1','Your message2')}function g(a){return document.getElementByIdx_x(a)}function s(n,v){with(g(n)){className='a1';value=v;onfocus=function(){if(value==v)value='';className='a2'}onblur=function(){if(value==''){value=v;className='a1'}}}}</script></body></html>3：input文本框样式<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页1</title><style><!--.username { width:130px; background:#FFFFFFurl("/article/upimages/ico_username.gif") 2px 2px no-repeat; padding-left:18px;BORDER-RIGHT: #E7AD01 1px solid; BORDER-TOP: #E7AD01 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #E7AD011px solid; COLOR: #000000; BORDER-BOTTOM: #E7AD01 1px solid; HEIGHT: 20px }--></style></head><body><table cellSpacing="0" cellPadding="0" width="100%" border="0" id="table1"><tr><form name="myform" method="post" action=""><td class="login_td">用户名：<input class="username"onmouseover="this.style.borderColor='#99E300'"onmouseout="this.style.borderColor='#A1BCA3'" maxLength="12"name="UserName"></td></form></tr></table></body></html>只有下划线的文本框：<input style="border:0;border-bottom:1 solid black;background:;">软件序列号式的输入框：<script for="T" event="onkeyup">if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();</script><input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T7" size="5" maxlength="3">软件序列号式的输入框(完整版)：<script for="T"event="onkeyup">if(value.length==maxLength)document.all[event.srcElement.sourc eIndex+1].focus();</script><script for="T" event="onfocus">select();</script><script for="Submit" event="onclick">var sn=new Array();for(i=0;i<T.length;i++)sn=T.value;alert(sn.join("—"));</script><input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3"><input type="submit" name="Submit">输入框景背景透明：<input style="background:transparent;border:1px solid #ffffff">鼠标划过输入框，输入框背景色变色：<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" style="width: 106; height: 21"onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black">输入字时输入框边框闪烁(边框为小方型)：<Script Language="JavaScript">function borderColor(){if(self['oText'].style.borderColor=='red'){self['oText'].style.borderColor = 'yellow';}else{self['oText'].style.borderColor = 'red';}oTime = setTimeout('borderColor()',400);}</Script><input type="text" id="oText" style="border:5px dotted red;color:red"onfocus="borderColor(this);" onblur="clearTimeout(oTime);">输入字时输入框边框闪烁(边框为虚线)：<style>#oText{border:1px dotted #ff0000;ryo:expression_r(onfocus=function light(){with(document.all.oText){style.borderColor=(style.borderColor=="#ffee00"?"#ff0 000":"#ffee00");timer=setTimeout(light,500);}},onblur=function(){this.style.borderC olor="#ff0000";clearTimeout(timer)})};</style><input type="text" id="oText">自动横向廷伸的输入框：<input type="text" style="huerreson:_r(this.width=this.scrollWidth)"value="abcdefghijk">自动向下廷伸的文本框：<textarea name="content" rows="6" cols="80"onpropertychange="if(this.scrollHeight>80) this.style.posHeight=this.scrollHeight+5">输入几个回车试试</textarea>1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">2.<html xmlns="http://www.w/1999/xhtml">3.<head>4.<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />5.<title>文本框输入提示</title>6.<style type="text/css">...7.<!--8..keyword {...}{width:150px; height:20px;border:#0066FF 1px solid;}9.#keytishi {...}{width:150px; height:auto;border:#0066FF 1px solid; position:absolute;display:none;}10.#keytishi ul {...}{ margin:0;}11.#keytishi ul li{...}{margin:0;list-style-type:none;line-height:16px; height:16px; font-size:12px;padding:2px;}12.#keytishi ul li a {...}{display:block; width:150px;height:16px; text-decoration:none;}13.#keytishi ul li a:hover{...}{background-color:#0099FF;}14.-->15.</style>16.<script type="text/javascript">...17.<!--18.//建立XMLHttpRequest对象19.var xmlhttp;20.try...{21. xmlhttp= new ActiveXObject('Msxml2.XMLHTTP');22.}catch(e)...{23. try...{24. xmlhttp= newActiveXObject('Microsoft.XMLHTTP');25. }catch(e)...{26. try...{27. xmlhttp= new XMLHttpRequest();28. }catch(e)...{}29. }30.}31.function getKeyWord()...{32. var obj = document.getElementById("search");//获取文本域对象33. if(obj.value=="")...{34. return;35. }36. var top=0;37. var left=0;38. while(obj)...{//此循环得到文件域对象在页面中的绝对位置39. top += obj["offsetTop"];40. left += obj["offsetLeft"];41. objobj = obj.offsetParent;42. }43. xmlhttp.open("get","input.asp?keyword="+document.getElementByIdx_x("search").value,true);44. xmlhttp.onreadystatechange = function()...{45. if(xmlhttp.readyState == 4)46. ...{47. if(xmlhttp.status == 200)48. ...{49. if(xmlhttp.responseText!="")...{50. document.getElementByIdx_x("keytishi").innerHTML = (xmlhttp.responseText);//把后台返回的数据填充到提示层51. document.getElementByIdx_x("keytishi").style.left = left + "px";//设置提示层的位置,左52. document.getElementByIdx_x("keytishi").style.top = (top + 25) + "px";//设置提示层的位置,上53. document.getElementByIdx_x("keytishi").style.display = "block";//设置提示层可见54. }else...{55. document.getElementByIdx_x("keytishi").innerHTML = "";//清空提示层56. document.getElementByIdx_x("keytishi").style.display = "none";//设置提示层不可见57. }58. }59. else...{60.61. }62. }63. }64. xmlhttp.setRequestHeader("If-Modified-Since","0");65. xmlhttp.send(null);66.}67.function input(str)...{68. document.getElementByIdx_x("search").value=str;//从提示层选择你需要的数据填充到文本框69. document.getElementByIdx_x("keytishi").innerHTML = "";//清空提示层70. document.getElementByIdx_x("keytishi").style.display = "none";//设置提示层不可见71.}72.//-->73.</script>74.</head>75.<body>76.<input type="text" class="keyword" id="search"name="search" onkeyup="getKeyWord();"onclick="getKeyWord();" />77.<div id="keytishi"></div><!--提示层-->78.</body>79.</html>后台文件[input.asp]1.<%...@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>2.<!--#include file="conn.asp"-->3.<%...4. dim rs5. dim sql6.7. dim keyWords8.9. keyWrods = Request("keyword")10.11. Set rs = Server.CreateObject("ADODB.Recordset")12. sql = "select * from king_test where keyword like'%"&keyWrods&"%'"13. rs.open sql,conn,1,114. if not (rs.bof and rs.eof) then15. Response.Write("<ul>")16. do while not rs.eof17.%>18.<li><a href="javascript:void(null);"onclick="input('<%Response.Write(escape(rs("keyword")))%>');"><%...Response.Write(escape(rs("keyword"))) %></a></li>19.<%...20. rs.movenext21. loop22. Response.Write("<ul>")23. end if24. rs.close25. set rs = nothing26. conn.close27. Set conn = nothing28.%>.buttoncss {font-family: "tahoma", "宋体";font-size:9pt; color: #003399;border: 1px #003399 solid;color:#006699;border-bottom: #93bee2 1px solid;border-left: #93bee2 1px solid;border-right: #93bee2 1px solid;border-top: #93bee2 1px solid;background-image:url(../images/bluebuttonbg.gif);background-color: #e8f4ff;cursor: hand;font-style: normal ;width:60px;height:22px;}二、蓝色按钮.bluebuttoncss {font-family: "tahoma", "宋体";font-size: 9pt; color: #003366;border: 0px #93bee2 solid;border-bottom: #93bee2 1px solid;border-left: #93bee2 1px solid;border-right: #93bee2 1px solid;border-top: #93bee2 1px solid;*/background-image:url(../images/blue_button_bg.gif); background-color: #ffffff;cursor: hand;font-style: normal ;}三、红色按钮.redbuttoncss {font-family: "tahoma", "宋体";font-size: 9pt; color: #0066cc;border: 1px #93bee2 solid;border-bottom: #93bee2 1px solid;border-left: #93bee2 1px solid;border-right: #93bee2 1px solid;border-top: #93bee2 1px solid;background-image:url(../images/redbuttonbg.gif);background-color: #ffffff;cursor: hand;font-style: normal ;}四、选择按钮.selectbuttoncss{font-family: "tahoma", "宋体";font-size: 9pt; color: #0066cc;border: 1px #93bee2 solid;border-bottom: #93bee2 1px solid;border-left: #93bee2 1px solid;border-right: #93bee2 1px solid;border-top: #93bee2 1px solid;background-image:url(../images/blue_button_bg.gif); background-color: #ffffff;cursor: hand;font-style: normal ;}五、绿色按钮.greenbuttoncss {font-family: "tahoma", "宋体";font-size: 9pt; color: #0066cc;border: 1px #93bee2 solid;border-bottom: #93bee2 1px solid;border-left: #93bee2 1px solid;border-right: #93bee2 1px solid;border-top: #93bee2 1px solid;background-image:url(../images/greenbuttonbg.gif); background-color: #ffffff;cursor: hand;font-style: normal ;}六、图像按钮.imagebutton{cursor: hand;}七、页面正文body {scrollbar-face-color: #ededf3;scrollbar-highlight-color: #ffffff;scrollbar-shadow-color: #93949f;scrollbar-3dlight-color: #ededf3;scrollbar-arrow-color: #082468;scrollbar-track-color: #f7f7f9;scrollbar-darkshadow-color: #ededf3; font-size: 9pt;color: #003366;overflow:auto;}td { font-size: 12px }th {font-size: 12px;}八、下拉选择框select{border-right: #000000 1px solid;border-top: #ffffff 1px solid;font-size: 12px;border-left: #ffffff 1px solid;color:#003366;border-bottom: #000000 1px solid; background-color: #f4f4f4;}九、线条文本编辑框.editbox{background: #ffffff;border: 1px solid #b7b7b7;color: #003366;cursor: text;font-family: "arial";font-size: 9pt;height: 18px;padding: 1px;}十、多行文本框.multieditbox{background: #f8f8f8;border-bottom: #b7b7b7 1px solid; border-left: #b7b7b7 1px solid;border-right: #b7b7b7 1px solid; border-top: #b7b7b7 1px solid;color: #000000;cursor: text;font-family: "arial";font-size: 9pt;padding: 1px;}十一、阴影风格的表单.shadow {position:absolute;z-index:1000;top:0px;left:0px;background:gray;background-color:#ffcc00;filter :progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positi ves=true);}十二、只显一条横线的输入框.logintxt{border-right: #ffffff 0px solid;border-top: #ffffff 0px solid;font-size: 9pt;border-left: #ffffff 0px solid;border-bottom: #c0c0c0 1px solid;background-color: #ffffff}十三、没有边框的输入框.noneinput{text-align:center;width:99%;height:99%;border-top-style: none;border-right-style: none;border-left-style: none;background-color: #f6f6f6;border-bottom-style: none;}。