如何用css设置文本框的宽和高?

html-css011

如何用css设置文本框的宽和高?,第1张

可以给标签家个id或class就可以调整文本框的宽和高。

如:

<style type="text/css">

.text1{width:100pxheight:20px}

</style>

<input type="text" class="text1" />

扩展资料:

在CSS中,使用text-align属性控制文本的水平方向的对齐方式:左对齐、居中对齐、右对齐。

该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。

默认值:left if direction is ltr, and right if direction is rtl 

继承:yes 

版本:CSS1 

JavaScript 语法:object.style.textAlign="right" 

参考资料来源:百度百科-text-align

1、cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字。另外要注意的是,文本框的宽度就是通过这个来调整,好cols的数值,然后再定义文字字体的大小(不定义的话,会采用默认值),那么文本框的宽度就确定了。

2、rows,水平列。表示可显示的行数,例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了。(同上,文本框的高度就是通过这个来控制的。)

3、name,文本框的名称,这项必不可省,因为存储文本的时候必须用到。

4、warp,当warp=off表示该文本区域中不自动换行,当然不写默认是自动换行的。这个参数一般用得比较少。

5、style,这是个非常实用的参数,可以用来设置文本框的背景色,滚动条颜色及形式,边框色,字体的大小颜色等等。

6、class,一般用来调用外部css里边的设置。

例1:设置文本框的行数为40,列数为10。名称为text。表达形式 textarea cols=40 rows=10