文本域的HTML文本域几种样式
发布网友
发布时间：2022-04-29 17:12
共1个回答
热心网友
时间：2022-04-20 02:46
1.没有滚动条的文本域（无边框）
<textarea style=border: 0; overflow: auto; color: #FFFFFF; background-image: url(http://expert.csdn.net/images/csdn.gif)></textarea>
2.红色边框的文本域
<textarea style=border: #FF0000 1px solid; overflow: visible; color: #FFFFFF; background-image: url(http://expert.csdn.net/images/csdn.gif)></textarea>
3.无边框有滚动条
<textarea style=scrollbar-face-color:#ff80ff;border:0px;background-image:url(http://expert.csdn.net/images/ad/dby3_database_120.GIF);color:#ffffff;font-size:15pt;font-weight:bold>
雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人 <br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人< br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>
</textarea>
4.比较好看的一个
<input name=email type=text id=email style=height:19;border-top: 1px solid #808080;border-right: 1px solid #D4D0C8;border-bottom: 1px solid #D4D0C8;border-left: 1px solid #808080; value= size=29>
<br>
<textarea name=content cols=36 rows=8 id=content style=border: 1 solid #888888;LINE-HEIGHT:18px;padding: 3px;></textarea>
<textarea style=border: #FF0000 1px solid; overflow: visible; color: #FFFFFF; background-image: url(http://expert.csdn.net/images/csdn.gif)></textarea>
其它：
<textarea style=border: 0; overflow: auto; color: #FFFFFF; background-image: url(http://expert.csdn.net/images/csdn.gif)></textarea>
1、设置文本域的字体
<TEXTAREA STYLE=font-size:9pt;font-family:verdana;color:#333333>输入内容</textarea>
2、设置文本域的背景色
<TEXTAREA STYLE=background-color:#ffffff>输入内容</textarea>
3、文本域的虚线边框设置
<TEXTAREA STYLE=border:1px dotted #6CABE7;>输入内容</textarea>
4、文本域的实线边框设置
<TEXTAREA STYLE=border:1px solid #6CABE7;>输入内容</textarea>
5、文本域的点线边框设置
<TEXTAREA STYLE=border:2px dotted #6CABE7;>输入内容</textarea>
6、 设置文本域的背景图
<TEXTAREA STYLE=background-attachment: fixed; background-image: url(背景图所处位置)></textarea>
