css网页设计中怎样让文本框变长

html-css024

css网页设计中怎样让文本框变长,第1张

1、首先打开Hbuilder编辑器软件,新建一个html文件,html文件中写入两个textarea文本框,并且给第二个文本设置一个class属性。

2、然后先给第一个文本框添加rows和cols属性,它们分别用来控制文本框的行数和列数,设置这两个属性就能改变文本框的高和宽;同时给第二个textarea设置class属性,在上方的style标签中设置width宽度和height高度即可,这种办法可以精确到像素级,所以比较常用。

3、最后打开浏览器,就可以看到设置的两个不同宽度的文本框效果了。

在css中,可以color属性来设置文本框内的文字颜色,操作方法如下。

设备:联想电脑

系统:win10

代码编辑器:zend studio 10.0

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用input标签创建一个输入框。

2、在test.html文件内,设置input标签的class属性为myin。

3、在css标签内,通过class定义input的样式,设置它的宽度为250px,高度为35px。

4、在css标签内,再使用color属性设置输入框文字的颜色为红色。

5、最后在浏览器打开test.html文件,查看实现的效果。