制作漂亮文本框代码

制作文本框代码

<DIV>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 588px; PADDING-TOP: 14px; HEIGHT: 388px"></DIV></DIV>

使用方法:

1、直接复制粘贴法:把下面提供的素材图片用鼠标划黑,然后鼠标放在划黑处,CTRL+C复制,回到你的博客,CTRL+V粘贴到你的发表BLOG文章或者新建立的模块中即可,双击图片中间,出现写字框后,在里面写文章。

2、用代码的方法:写文章时先放入代码,然后用鼠标双击图片中间,出现写字框后,在里面写文章。

WIDTH: 808px是文本框的宽,808可以任意改动;

HEIGHT: 808px是文本框的高度,808可以任意改动。

有些代码不能改动,根据你写文章的多少,文本框的宽度和高度能自动伸缩。

3、用鼠标双击图片中间,出现写字框后,在里面写文章。根据你写文章的多少,文本框的宽度和高度能自动伸缩。

具体代码:

一、粉红色邮票文本框代码(一):

<P>

<TABLE style="BORDER-RIGHT: #ffcccc 10px dashed; BORDER-TOP: #ffcccc 10px dashed; BORDER-LEFT: #ffcccc 10px dashed; BORDER-BOTTOM: #ffcccc 10px dashed" cellSpacing=0>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-RIGHT: #ffcccc 6px dashed; BORDER-TOP: #ffcccc 6px dashed; BORDER-LEFT: #ffcccc 6px dashed; BORDER-BOTTOM: #ffcccc 6px dashed" cellSpacing=0>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-RIGHT: #ffcccc 2px dashed; BORDER-TOP: #ffcccc 2px dashed; BORDER-LEFT: #ffcccc 2px dashed; BORDER-BOTTOM: #ffcccc 2px dashed" cellSpacing=0>

<DIV></DIV>

<P>&nbsp; <IMG style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center" alt="" src="http://www.126sj.cn/wp-content/uploads/2018/04/10f5a83e13b.gif" alt="制作漂亮文本框代码" border=0></P>

粉红色邮票文本框代码(二):

<P>

<TABLE style="BORDER-RIGHT: #ffcccc 8px dotted; BORDER-TOP: #ffcccc 8px dotted; BORDER-LEFT: #ffcccc 8px dotted; BORDER-BOTTOM: #ffcccc 8px dotted" cellSpacing=0>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-RIGHT: #ffcccc 4px dotted; BORDER-TOP: #ffcccc 4px dotted; BORDER-LEFT: #ffcccc 4px dotted; BORDER-BOTTOM: #ffcccc 4px dotted" cellSpacing=0>

<TBODY>

<TR>

<TD>

<TABLE style="WIDTH: 858px; HEIGHT: 4px" cellSpacing=16 cellPadding=10 border=2>

<TBODY>

<TR>

<TD>

<P>&nbsp;&nbsp;</P>

<P>&nbsp;</P>

<P>&nbsp;</P></TD></TR></TBODY>

二、黄底三色文本框代码

<DIV>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=8 cellPadding=0 bgColor=#ffffdf border=1>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=25 cellPadding=0 bgColor=#ffd2d2 border=1>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=5 cellPadding=0 bgColor=#ffffdf border=1>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=7 cellPadding=0 bgColor=#ffffdf border=1>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=3 cellPadding=0 bgColor=#921aff border=1>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=7 cellPadding=0 bgColor=#ffffdf border=1>

<TBODY>

<TR>

<TD>

<P><FONT size=5></FONT>&nbsp;</P>&nbsp; <IMG style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center" alt="" src="http://www.126sj.cn/wp-content/uploads/2018/04/10f5a83e13b.gif" alt="制作漂亮文本框代码" border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>

</TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></DIV>

三、双色文本框代码

<P>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=25 cellPadding=0 bgColor=#ffcccc border=1>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=15 cellPadding=0 bgColor=#99ffff border=1>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=10 cellPadding=0 bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>

<DIV>&nbsp;</DIV></TD></TR></TBODY></TABLE>

四、黄色凹进文本框代码:

<TABLE style="BORDER-RIGHT: #ffff00 20px ridge; BORDER-TOP: #ffff00 20px ridge; BORDER-LEFT: #ffff00 20px ridge; BORDER-BOTTOM: #ffff00 20px ridge" cellSpacing=20 cellPadding=21 border=20>

<TBODY>

<TR>

<TD>

<P>&nbsp;&nbsp; </P></TD></TR></TBODY></TABLE> 

五、翠绿精品文本框代码:

<DIV><FONT face=Verdana></FONT>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000fze); FONT: 12px/25px verdana; WIDTH: 900px; PADDING-TOP: 14px; HEIGHT: 660px">

<P>&nbsp;</P>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000fzh); FONT: 12px/25px verdana; WIDTH: 795px; PADDING-TOP: 14px; HEIGHT: 660px">

<P>&nbsp;</P>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000fzg); FONT: 12px/25px verdana; WIDTH: 695px; PADDING-TOP: 14px; HEIGHT: 660px">

<P>&nbsp;</P>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000fzf); FONT: 12px/25px verdana; WIDTH: 595px; PADDING-TOP: 14px; HEIGHT: 660px">

<P><SPAN style="FONT-SIZE: 14pt; COLOR: white; FONT-FAMILY: 华文行楷; mso-bidi-font-size: 10.0pt"><SPAN><FONT color=#ffffff>&nbsp;</FONT></SPAN></SPAN></P>

<DIV>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(http://img114.pp.sohu.com/images/blog/2006/10/14/15/25/10ed9975f10.jpg); FONT: 12px/25px verdana; WIDTH: 465px; PADDING-TOP: 14px; HEIGHT: 660px">

<DIV><BR></DIV>

<DIV>

<DIV style="PADDING-RIGHT: 0px; OVERFLOW-Y: auto; PADDING-LEFT: 50px; SCROLLBAR-FACE-COLOR: #ffffff; FILTER: alpha(opacity=60); OVERFLOW-X: hidden; PADDING-BOTTOM: 0px; FONT: 12px/25px verdana; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; WIDTH: 407px; SCROLLBAR-SHADOW-COLOR: #cccccc; COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #cccccc; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #cccccc; SCROLLBAR-DARKSHADOW-COLOR: #cccccc; HEIGHT: 476px"><FONT face=宋体 size=3>

<P>&nbsp;</P></FONT></DIV></DIV>

<DIV><BR></DIV></DIV><BR></DIV>

<P>&nbsp;</P></DIV>

<P><BR>&nbsp;</P></DIV>

<P><BR>&nbsp;</P></DIV>

<P><BR>&nbsp;</P></DIV></DIV>

六、草绿精品文本框代码:

 <DIV><FONT face=Verdana></FONT>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000fdv); FONT: 12px/25px verdana; WIDTH: 900px; PADDING-TOP: 14px; HEIGHT: 660px">

<P><BR>&nbsp;</P>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000fdw); FONT: 12px/25px verdana; WIDTH: 738px; PADDING-TOP: 14px; HEIGHT: 725px"><BR>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000fdu); FONT: 12px/25px verdana; WIDTH: 655px; PADDING-TOP: 14px; HEIGHT: 660px">

<P><BR>&nbsp;</P></DIV>

<P>&nbsp;</P></DIV>

<P><BR><BR>&nbsp;</P></DIV></DIV>

七、墨绿精品文本框代码:

<DIV>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000f73); FONT: 12px/25px verdana; WIDTH: 900px; PADDING-TOP: 14px; HEIGHT: 660px">

<P>&nbsp;</P>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000f6x); FONT: 12px/25px verdana; WIDTH: 795px; PADDING-TOP: 14px; HEIGHT: 660px">

<P>&nbsp;</P>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000f6y); FONT: 12px/25px verdana; WIDTH: 695px; PADDING-TOP: 14px; HEIGHT: 660px">

<P>&nbsp;</P>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://album.sina.com.cn/pic/4ac4a00402000f70); FONT: 12px/25px verdana; WIDTH: 595px; PADDING-TOP: 14px; HEIGHT: 660px">

<P><FONT face=隶书><FONT color=#006600 size=7><FONT face=隶书><FONT color=#006600 size=7><FONT size=2>&nbsp;</FONT></FONT></FONT></FONT></FONT></P>

<DIV><FONT color=#006600><FONT color=#000000 size=4>&nbsp;</FONT><BR></FONT></DIV>

<P>&nbsp;&nbsp;</P>

<DIV style="PADDING-RIGHT: 0px; OVERFLOW-Y: auto; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #ffffff; FILTER: alpha(opacity=60); OVERFLOW-X: hidden; PADDING-BOTTOM: 50px; FONT: 12px/25px verdana; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; WIDTH: 409px; SCROLLBAR-SHADOW-COLOR: #cccccc; COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #cccccc; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #cccccc; SCROLLBAR-DARKSHADOW-COLOR: #cccccc; HEIGHT: 409px">

<P><FONT size=5><FONT color=#ffffff><FONT face=Verdana><FONT face=Verdana color=#cccccc>:</FONT></FONT></FONT></FONT></P></DIV>

<P><FONT style="BACKGROUND-COLOR: #ffffff" color=#006600><STRONG>&nbsp;</STRONG></FONT></P></DIV>

<P><BR>&nbsp;</P></DIV>

<P><BR>&nbsp;</P></DIV>

<P><BR>&nbsp;</P></DIV></DIV>

<DIV style="RIGHT: 250px; POSITION: absolute; TOP: 800px">

<TABLE cellSpacing=0 cellPadding=0 border=0>

<TBODY></TBODY></TABLE>

八、绿色凹进文本框代码:

<TABLE style="BORDER-RIGHT: #00ffff 20px ridge; BORDER-TOP: #00ffff 20px ridge; BORDER-LEFT: #00ffff 20px ridge; BORDER-BOTTOM: #00ffff 20px ridge" cellSpacing=20 cellPadding=21 border=20>

<TBODY>

<TR>

<TD>

<P><SPAN style="FONT-SIZE: 10.5pt; COLOR: #996600; FONT-FAMILY: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: 宋体; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA">

九、绿底凹进文本框代码:

<TABLE style="BORDER-RIGHT: #00ffff 20px ridge; BORDER-TOP: #00ffff 20px ridge; BORDER-LEFT: #00ffff 20px ridge; BORDER-BOTTOM: #00ffff 20px ridge" cellSpacing=20 cellPadding=21 border=20>

<TBODY>

<TR>

<TD><SPAN style="FONT-SIZE: 10.5pt; COLOR: #996600; FONT-FAMILY: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: 宋体; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA">

<DIV>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(http://mumayi1.999kb.com/pic/2006-12-21/hq0cape8qyr72vqt0lrj.jpg); FONT: 12px/25px verdana; WIDTH: 808px; PADDING-TOP: 14px; HEIGHT: 808px"></DIV></SPAN></DIV></TD></TR>

</TBODY></TABLE>

十、彩色精品文本框代码:

<DIV>

<DIV>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://img114.pp.sohu.com/images/2006/12/1/8/25/10fd0204516.gif); FONT: 12px/12px verdana; WIDTH: 900px; PADDING-TOP: 14px; HEIGHT: 660px"><FONT face=宋体></FONT><FONT face=宋体></FONT>

<P><BR><BR><BR></P>

<P>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=8 cellPadding=0 bgColor=#ff99ff border=1>

<TBODY>

<TR>

<TD>

<DIV>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=25 cellPadding=0 bgColor=#cc99ff border=1>

<TBODY>

<TR>

<TD>

<DIV>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=5 cellPadding=0 bgColor=#9999ff border=1>

<TBODY>

<TR>

<TD>

<DIV>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=7 cellPadding=0 bgColor=#6699ff border=1>

<TBODY>

<TR>

<TD>

<DIV>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=3 cellPadding=0 bgColor=#3399ff border=1>

<TBODY>

<TR>

<TD>

<DIV>

<TABLE style="WIDTH: 637px; BORDER-COLLAPSE: collapse; HEIGHT: 96px" cellSpacing=7 cellPadding=0 bgColor=#0099ff border=1>

<TBODY>

<TR>

<TD>

<P><BR>&nbsp;</P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></P>

<P><BR><BR><BR></P></DIV></DIV></DIV>

 十一、固定大背景文本框代码:

<DIV>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 688px; PADDING-TOP: 14px; HEIGHT: 688px"></DIV></DIV>

WIDTH: 688px是文本框的宽,688可以任意改动;

HEIGHT: 688px是文本框的高度,688可以任意改动。

一个漂亮文本框代码:

<TABLE style="BORDER-RIGHT: #00ffff 20px ridge; BORDER-TOP: #00ffff 20px ridge; BORDER-LEFT: #00ffff 20px ridge; BORDER-BOTTOM: #00ffff 20px ridge" cellSpacing=20 cellPadding=21 border=20>

<TBODY>

<TR>

<TD>

<P><SPAN style="FONT-SIZE: 10.5pt; COLOR: #996600; FONT-FAMILY: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA; mso-fareast-font-family: 宋体">

<DIV>

<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(http://album.sina.com.cn/pic/45c4f21302000d50); FONT: 12px/25px verdana; WIDTH: 799px; PADDING-TOP: 14px; HEIGHT: 688px"></DIV></DIV></SPAN>

<P></P></TD></TR></TBODY></TABLE>

用鼠标点击图片的属性地址,得到地址,覆盖在代码中"图片地址",发表BLOG文章时,点击显示源代码, 粘贴这个代码 ,双击图片中间,出现写字框后,在里面写文章。

发表评论

您必须登录才能发表评论!