当前位置:学学看123知识中心电脑教学网页设计实现带图片背景的文本框方法» 正文

实现带图片背景的文本框方法

[06-11 19:37:19]   来源:http://www.xxk123.com  网页设计   阅读:8668

导读: 经常上一些论坛的朋友可能会发现,在我们进行贴子回复的时候,在那个回复的文本框中会有一个图片背景,里面写着一些发言的规则。那么这是如何实现的呢?下面就介绍一下实现带图片背景的文本框方法。 这里以多行文本框为例,其实只需要改变文本框的样式即可,具体代码如下: <textarea name="textfield" cols="50" rows="8" style="background:url(htmer.jpg) no-repeat right bottom;"></textarea> 上面代码中的background:url(htmer.jpg)表示文本框背景图片为htmer.jpg,no-repeat表示文本框背景图片不平铺,right bottom表示文本框背景图片的位置在右面底部。

实现带图片背景的文本框方法,标签:网页设计教程,网页设计知识,http://www.xxk123.com

    经常上一些论坛的朋友可能会发现,在我们进行贴子回复的时候,在那个回复的文本框中会有一个图片背景,里面写着一些发言的规则。那么这是如何实现的呢?下面就介绍一下实现带图片背景的文本框方法。

    这里以多行文本框为例,其实只需要改变文本框的样式即可,具体代码如下:
    <textarea name="textfield" cols="50" rows="8" style="background:url(htmer.jpg) no-repeat right bottom;"></textarea>

    上面代码中的background:url(htmer.jpg)表示文本框背景图片为htmer.jpg,no-repeat表示文本框背景图片不平铺,right bottom表示文本框背景图片的位置在右面底部。


Tag:网页设计网页设计教程,网页设计知识电脑教学 - 网页设计
《实现带图片背景的文本框方法》相关文章

Copyright 学学看123 All Right Reserved.

1 2 3 4 5 6 7 8 9 10