如何对文本域添加css样式

html-css020

如何对文本域添加css样式,第1张

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

html>

textarea{

height:800

//设置文本域的高度

widht:400px

//设置文本域的宽度

font-size:12px

//设置文本域的字体大小

color:#f00

//设置文本域的字体颜色

}

我是文本域文字,

文本域是textarea标签。

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

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

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

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

1.新建网页文件。

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

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

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