type="text/css">
INPUT.smallInput
{
BACKGROUND-COLOR:#FFFFFF
COLOR:#000000
FONT-SIZE:9pt
FONT-WEIGHT:Normal
TEXT-DECORATION:None
FOTN-FAMILY:宋体,verdana,Arial,
Helvetica
TEXT-ALIGN:Left
BORDER-TOP:3
Hidden
#808080
BORDER-LEFT:3
Hidden
#808080
BORDER-RIGHT:3
Hidden
#FFFFFF
BORDER-BOTTOM:3
Hidden
#FFFFFF
CURSOR:Text
}
</style>
这个css样式是
--单行文本框设置代码--，你可以修改一下做出自己想要的效果
，然后你的文本框调用这个样式就可以了
代码书写格式
<input type="text"/> 最简单的
如果你还需要更好看一些的，还可以写一些css样式
例如：
css样式
如果还有什么不懂，还提问我，希望我的回答，能帮到你
1、首先打开Hbuilder编辑器软件，新建一个html文件，html文件中写入两个textarea文本框，并且给第二个文本设置一个class属性。
2、然后先给第一个文本框添加rows和cols属性，它们分别用来控制文本框的行数和列数，设置这两个属性就能改变文本框的高和宽；同时给第二个textarea设置class属性，在上方的style标签中设置width宽度和height高度即可，这种办法可以精确到像素级，所以比较常用。
3、最后打开浏览器，就可以看到设置的两个不同宽度的文本框效果了。
