如何自己动手制作背景框(二)——何使用插入文本框的功能(2007-09-16 00:57:48)
|
今天想介绍一下如何运用“插入文本框”这个功能,就已我上面这个边框为例。在背景素材里,有很多漂亮的横条背景,一般在左边有一个饰图,不适合在上面写字,而要把文字写在饰图右边的空白处,如果每行字都要用空格键推到空白处,那就比较麻烦。这就需要运用文章编辑框右上角的“插入文本框”功能。
我们先用第一讲的代码做好外面的边框。
<TABLE style="WIDTH: 480px; HEIGHT: 60px"
borderColor=#467500 cellSpacing=2 cellPadding=1 align=center
background=http://blog.lanyue.com/model/luntan/upload_pic/1308430.jpg
border=5>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
文本框还偏长,要把它拉到理想的位置,做如下操作:
把鼠标放在左面中间那个小方块上,会出现一个双箭头,然后按住鼠标左键向右拉,到您理想的位置即可,如下图。
在任意位置单击鼠标右键,即可去掉小方块,如下图,现在可以在文本框输入文字了。
|
这时候您在“显示原代码”前打钩,进入代码状态,就会发现又多了如下一段文本框代码:
<TABLE
style="BORDER-RIGHT:
#999 1px solid; BORDER-TOP: #999 1px solid; FONT-SIZE: 12px;
BORDER-LEFT: #999 1px
solid; WIDTH: 65.72%; BORDER-BOTTOM: #999 1px solid; HEIGHT: 22px"
align=right>
<TBODY>
<TR>
<TD>请在文本框输入文字</TD></TR></TBODY></TABLE>
<TBODY>
<TR>
<TD>请在文本框输入文字</TD></TR></TBODY></TABLE>
我们解读一下这段代码:
这段代码主要是对四条文本框边的设置。我用四种颜色表示这四条边,每条边的开头指明是哪条边,后面是撒播个相同的元素,即文本框的颜色、宽度和样式。以第一条红色代码为例:
一、BORDER-RIGHT:是指右边框,BORDER是边框,RIGHT
二、#999:是文本框的颜色,可以选择与图片协调的颜
三、1px:文本框的宽度,可根据需要自行调节 px
前的
四、solid:文本框的样式。
介绍几种常用的样式:
单线框(solid),点状框(dotted),
虚线框(dashed),双线框(double),
把这些样式的字母替换到代码里,就会产生不同的效果。
|
|
加载中,请稍候......

加载中…