各种文本框效果及代码

编辑/制作：海洋之魂

<TABLE style="BORDER-COLLAPSE: collapse" border=2 borderColor=#66cc00 cellPadding=1 width=650 align=center>

<TBODY>

<TR>

<TD bgColor=#ffffff>

<P><FONT color=#00000 size=2>插入文字</FONT></P></TD></TR></TBODY></TABLE>

文本框语法复制区

<TABLE border=2 cellSpacing=0 cellPadding=0 width=600>

<TBODY>

<TR>

<TD bgColor=#afb5ce>

<P style="LINE-HEIGHT: 200%; MARGIN: 2px" align=center><SPAN style="FONT-SIZE: 11pt"><FONT color=#333333>文本框语法复制区</FONT></SPAN></P></TD></TR>

<TR>

<TD style="BORDER-BOTTOM: #afb5ce 1px solid; BORDER-LEFT: #afb5ce 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BORDER-TOP: #afb5ce 1px solid; BORDER-RIGHT: #afb5ce 1px solid; PADDING-TOP: 1px"><SPAN style="FONT-SIZE: 9pt"><FONT color=#333399 size=2 face=Arial>

<P style="LINE-HEIGHT: 200%; MARGIN: 2px" align=left><SPAN style="FONT-SIZE: 9pt"></SPAN></P></FONT></SPAN></TD></TR></TBODY></TABLE>

<TABLE border=2 cellSpacing=0 borderColor=#cc6600 cellPadding=0 width=650>

<TBODY>

<TR>

<TD bgColor=#cccccc>

<P><SPAN style="FONT-SIZE: 9pt"><FONT color=#0000ff size=2>输入文字</FONT></SPAN></P></TD></TR></TBODY></TABLE>

（若显示边框把代码border=0 改为border=2、3、4……任意数字）

<TABLE style="BORDER-COLLAPSE: collapse" border=2 cellSpacing=0 borderColor=#333300 cellPadding=0 width=650>

<TBODY>

<TR>

<TD bgColor=#999966>

<P style="MARGIN: 5px"><FONT color=#333300><SPAN style="FONT-SIZE: 9pt">输入文字</SPAN></FONT></P></TR></TBODY></TABLE>

文本框语法复制区

<TABLE style="BORDER-COLLAPSE: collapse" border=2 cellSpacing=0 borderColor=#333399 cellPadding=0 width=650>

<TBODY>

<TR>

<TD bgColor=#dfb3ec>

<P style="MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px" align=center><FONT color=#000000>文本框语法复制区</FONT></P></TD></TR>

<TR>

<TD bgColor=#dfb3ec>

<P style="MARGIN: 5px" align=left><FONT color=#000000 face=Arial><SPAN style="FONT-SIZE: 9pt">输入文字</SPAN></FONT></P></TD></TR></TBODY></TABLE>

文本框语法复制区

<TABLE style="BORDER-COLLAPSE: collapse" border=2 cellSpacing=0 borderColor=#000066 cellPadding=0 width=650>

<TBODY>

<TR>

<TD bgColor=#3399ff>

<P style="MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px" align=center><FONT color=#ffffff>文本框语法复制区</P></FONT></TD></TR>

<TR>

<TD bgColor=#3399ff>

<P style="MARGIN: 5px" align=left><FONT color=#ffffff face=Arial><SPAN style="FONT-SIZE: 9pt">输入文字 </SPAN></FONT></P></TD></TR></TBODY></TABLE>

文本框语法复制区

<TABLE style="BORDER-COLLAPSE: collapse" border=2 cellSpacing=0 borderColor=#c0c0c0 cellPadding=0 width=650 align=center>

<TBODY>

<TR>

<TD bgColor=#f0e090>

<P style="MARGIN: 5px" align=center><FONT color=#663300><SPAN style="FONT-SIZE: 9pt">文本框语法复制区 </SPAN></FONT></P>

<TR>

<TD bgColor=#f0e090>

<P style="MARGIN: 5px"><FONT color=#663300><SPAN style="FONT-SIZE: 9pt">输入文字</SPAN></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代码如下复制代码

<TABLE style="FONT-FAMILY: sTHeiti; COLOR: rgb(0,0,0); MARGIN: 20px 0px; LINE-HEIGHT: 30px; BACKGROUND-COLOR: rgb(255,187,119)" cellSpacing=1 cellPadding=1 width=650 align=center border=2>

<TBODY>

<TR>

<TD style="FONT-SIZE: 12px" bgColor=#ffe7ce height=27 width=464>&nbsp;<WBR>代码如下</TD>

<TD style="CURSOR: pointer; FONT-SIZE: 12px" bgColor=#ffe7ce width=109 align=center>复制代码</TD></TR>

<TR>

<TD style="PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; LINE-HEIGHT: 26px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(255,244,232)" bgColor=#ffffff vAlign=top colSpan=2>

<P style="PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 24px; PADDING-RIGHT: 0px"><WBR><WBR></P></TD></TR></TBODY></TABLE>