关于网页制作:如何用CSS把文本域撑高,就像百度那样的

html-css08

关于网页制作:如何用CSS把文本域撑高,就像百度那样的,第1张

文本域是textarea标签。

想要给文本域标签设置宽度和高度,可以通过rows属性和cols属性,前者是规定显示多少行,后者是一行多少个字符。

当然也可以通过css的方法。通过style属性或者文本域的标签选择器。例如:

<textarea style="width: 100pxheight: 200px">

当然style里面也是可以设置字体样式的。

对文本域添加css样式,这个是可以的通过获取到文本域的id或者是class来做的,这里我提交一段代码:

html>

<head>

<style>

textarea{

height:800 //设置文本域的高度

widht:400px //设置文本域的宽度

font-size:12px //设置文本域的字体大小

color:#f00 //设置文本域的字体颜色

}

</style>

</head>

<body>

<textarea>

我是文本域文字,

</textarea>

</body>

1.新建网页文件。

2.在head里插入<style type="text/css">#area { width:300pxheight:20px}</style>,表示设置输入文本框宽度为300像素,高度为20像素。

3.在body里插入<input type="text" id="area" />,表示定义一个输入文本框,启用area样式。

4.在IE里测试,查看效果。