搜索
您的当前位置:首页正文

实用的文本框代码

2023-03-20 来源:吉趣旅游网
实用的文本框代码

实用的文本框代码

一、文本框设置解释 【代码】

加入文字或图片
【解释】 width=650

表格宽度,接受绝对值(如 80)及相对值(如 80%)。 border=\"1\"

表格边框的厚度,不同浏览器有不同的内定值,故请指明。 cellspacing=\"2\" 表格格线的厚度 align=\"CENTER\"

表格的摆放位置(水平),可选值为: left, right, center valign=\"TOP\".

表格里内容的对齐方式(垂直),可选值为: top, middle, bottom。

background=\"myweb.gif\"

borderColor=#cf0000 bgColor=#eed2ee

cellSpacing=2

cols=2

borderColorDark=#00ffff

cellPadding=2

width=650

borderColorLight=#00ff00

background=myweb.gif border=1 valign=\"TOP\">

表格的背景图片,与 bgcolor 不要同用。 bgcolor=\"#0000FF\"

表格的底色,与 background 不要同用 bordercolor=\"#CF0000\" 表格边框颜色

bordercolorlight=\"#00FF00\" 表格边框向光部分的颜色 bordercolordark=\"#00FFFF\"

表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

cols=\"2\" tbody

body是定义一段内容区域,比如文字、图片,tbody则是定义表格内的内容区域。

表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。 文本框其实就是一个表格。先是表格设置,然后是,再后来就是用

加入文字,这时可以进行文字设置,接下来就是结尾了,标签与前面对应,分别是

二、实用文本框代码

1、单线文本框:

style=\"BORDER-RIGHT:

#92b0dd

1px

solid;

PADDING-RIGHT: 20px; BORDER-TOP: #92b0dd 1px solid; MARGIN-TOP: 20px; PADDING-LEFT: 20px; BORDER-LEFT: #92b0dd 1px solid; WIDTH: 300px; BORDER-BOTTOM: #92b0dd 1px solid; HEIGHT: 200px\" align=center>

你的文字或图片
示例:

古诗二首 画 远看山有色, 近听水无声。 春去花还在, 人来鸟不惊。 作者:王维

附注①文本框加上背景色:在table内加上bgcolor=\"颜色代码\",如上例则为:

古诗二首 画 远看山有色, 近听水无声。 春去花还在, 人来鸟不惊。 作者:王维

附注②文本框加上背景图片:在table内加上background=\"图片地址\",但它不能与背景色bgcolor同用,也即二者只能用一个。下面看一下效果:

古诗二首 画 远看山有色, 近听水无声。 春去花还在, 人来鸟不惊。 作者:王维

附注③文本框的文字设定:

#92b0dd

1px

solid;

HEIGHT:

200px\"

background=\"http://image23.360doc.com/DownloadImg/2011/02/2210/9375633_1.jpg\" align=center>

古诗二首

远看山有色,

近听水无声。

春去花还在,

人来鸟不惊。

作者:王维

效果应该是:

古诗二首 画 远看山有色, 近听水无声。 春去花还在, 人来鸟不惊。 FONT-作者:王维

2、复线文本框:

52px;

BORDER-BOTTOM-STYLE:

double\"

borderColor=#6bc1fa cellSpacing=3 cellPadding=3 width=586 align=center bgColor=#eeeeee border=10>

效果是:

color=#000000

size=5>color=#000000>color=#000000> 加入你的文字或图

加入你的文字或图片

3、组合文本框:

cellSpacing=0

cellPadding=0

width=\"80%\"

align=center border=4>

width=\"100%\"

bgColor=#dfefff>size=3>标题




正文

       


效果如下:

标题 正文

4、复杂文本框:

cellSpacing=15

width=680

borderColorDark=#544a1a

bgColor=#2e2a12

borderColorLight=#9c8932

background=/dvbbs/UploadFile/2004-10/200410211181691.gif border=0>

cellSpacing=3

width=560

borderColorDark=#544a1a

bgColor=#2e2a12

borderColorLight=#9c8932

background=/vip/vip10/3271/07/fdoluz1.jpg border=1>

cellSpacing=26

width=560

borderColorDark=#544a1a

bgColor=#2e2a12

borderColorLight=#9c8932

background=/vip/vip10/3271/07/fdoluz3.jpg border=1>

cellSpacing=3

width=560

borderColorDark=#544a1a

bgColor=#2e2a12

borderColorLight=#9c8932

background=/vip/vip10/3271/07/fdoluz1.jpg border=1>

cellSpacing=0

borderColorDark=#544a1a

bgColor=#2e2a12

width=\"95%\"

cellSpacing=0

cellPadding=0

width=560

bgColor=#2e2a12 background=/vip/vip10/3271/07/fdoluz1.gif

borderColorLight=#9c8932

background=/vip/vip10/3271/07/fdoluz3.jpg border=1>

style=\"WIDTH: bgColor=#2e2a12

577px;

HEIGHT:

190px\"

cellSpacing=12

borderColorDark=#544a1a

cellPadding=0

cellSpacing=3

cellPadding=0

width=\"85%\"

bgColor=#2e2a12 background=/vip/vip10/3271/07/fdoluz1.jpg

borderColorLight=#9c8932

background=/vip/vip10/3271/07/fdoluz1.gif border=1>

黄马骊牛欢迎您!

效果图:

黄马骊牛欢迎您!

附记:关于文本框的代码,以后我的博客会陆续更新,黄马骊牛恭候你的光临!

因篇幅问题不能全部显示,请点此查看更多更全内容

Top