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

html-css062

如何用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

<input name="" type="text" disabled="disabled" readonly="true" />

readonly="true"是设为只读

disabled="disabled"是设为禁用

如果你用的是Dreamweaver做的话,那么插入文本框的时候会有“只读”“禁用”的选项,当然你也可以在浏览模式中点文本框右键进入编辑状态,也可以选择为只读和禁用

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:textarea {margin-top: 100px}。

3、浏览器运行index.html页面,此时文本框被成功下移了100px。