在网站制作中难免要用到文本框和文本区域,我们为了美观度其进行了美化,一般的是给个边框和背景颜色,在好点的有聚焦后给个变化的颜色等。还有的可以对他添加背景图片。如果用DW生成的CSS是非常的多的。下面介绍一个在文本区域上加背景图片的方法。

文本区域加背景图片代码:

<textarea name="textarea" cols="100" rows="10" id="textarea" style="background:url(images/logo.jpg) no-repeat center center;"></textarea>

代码介绍:

前面的name,id就不说了,cols为这个文本区域的字符宽度,rows为行数,一般我们别用这个,可以用width,height来控制宽高,终点来了哦。style是加的样式,

• url是这个图片的路径,支持绝对路径和相对路径
• no-repeat :是是否重复,一般都不重复,可以设置为repeat(重复),repeat-x(横向重复),repeat-y(纵向重复)
• center:水平位置,left为居左,center为居中,right为居右
• center:垂直位置,top上,center居中,bottom下面

如果要在设置背景颜色的话可以在 这些参数后面加上你的颜色如 #ccc;

其实这只是一个CSS的小技巧,多用就会熟练的

发表于 2012年08月07日 15:29:38 ,添加在分类 前端技术 下 ,最后修改于 2016年07月16日 15:29:38