一个不错的文本域背景样式

最新推荐文章于 2024-04-09 19:55:52 发布
最新推荐文章于 2024-04-09 19:55:52 发布
阅读量827 收藏 1
点赞数
分类专栏： HTML 文章标签： html url 2010
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zibinghy/article/details/5661078
版权

　　没事在网上转，看到了一个网站的在线评论框做的挺好，就自己添了写文字，弄了个截图过来。给文本框加背景本身不是什么新鲜东西，不过感觉这个效果做的挺好的，在里面输入文字有点写日记的感觉，呵呵。效果如下：

　　原文的HTML源代码如下：

<textarea name="Rev_Content" cols="60" rows="8" id="Rev_Content" style="background-image:url(../images/edit_bg.gif);font-size:14px;line-height:28px;margin-top:5px;height:150px;"></textarea>

　　背景文件edit_bg.gif地址：

　　http://hi.csdn.net/attachment/201006/10/0_12761481259XET.gif

zibinghy
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
超级好看的文本框样式
09-11
有了它之后，页r面上的文本框就非常好看啦，用法很简单，直过复制过来用就可以啦，input表单元素也是通用的
HTML文本域几种样式
#维多利亚的秘密#
03-18 3088
1.没有滚动条的文本域（无边框）   http://expert.csdn.net/images/csdn.gif)">> 2.红色边框的文本域 http://expert.csdn.net/images/csdn.gif)">>  3.无边框有滚动条       雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人雨中人
表单美化之textarea文本域背景的美…
php菜鸟技术天地
06-02 4179
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="tex
JSP文本域等各种好用的控件
09-27
JSP第三方控件，将jar文件复制入Web项目的WEB-INF下的lib文件夹中,再从jsp页面根据需要导入即可
文本域(Textarea)背景的美化
中原一点红博客
09-22 6045
经常浏览网站进出论坛，新闻评论的朋友大都看到过这个漂亮的美化的文本域(Textarea)背景。短短几行代码表达的效果却非常的大，让访客不自觉地就能加深对网站的视觉印象，从而更好地做到宣传的目的，也同时美化了单调的文本域(Textarea)背景。文本域背景美化（添加文本域背景图片）展示效果代码如下：&lt;style type=”text/css”&gt;&lt;!–.textfield {widt...
BootStrap表单控件之文本域textarea
08-30
本文将深入探讨Bootstrap中的一个特定表单控件——文本域（textarea）。 文本域通常用于在表单中收集较长的文本输入，如用户评论、反馈或文章内容。在HTML中，`<textarea>`元素用于创建这样的多行文本输入区域。在...
表单美化之textarea文本域背景的美化.rar
07-05
本文档“表单美化之textarea文本域背景的美化.rar”着重于提升textarea的视觉效果，以增强用户体验。我们将探讨如何利用JavaScript（JS）和其他前端技术来实现这一目标。 首先，textarea的基本样式可以通过CSS进行...
文本域编辑器
03-06
1. **文本格式化**：用户可以设置字体、字号、颜色、背景色、对齐方式等，支持加粗、斜体、下划线、删除线等基本样式操作。 2. **段落处理**：包括段落缩进、首行缩进、段前段后距离调整，以及分页、分节符的插入。...
点击文本域弹出日历框源码
11-29
一个简单的实现方式是创建一个隐藏的日历元素，当文本域被点击时，将日历元素定位在文本域下方并显示出来： ```javascript document.getElementById('calendar-input').addEventListener('click', function() { ...
JAVA文本域显示不同字体颜色的文字
06-01
通过以上方式，开发者可以在Java Swing应用中创建具有多种颜色和样式的文本域，提高用户界面的可读性和美观性。在实际开发中，可以根据需求调整样式和颜色，甚至可以添加更多复杂的效果，如字体样式、背景色等。
文本框 css 样式
07-29
文本框 css 样式 鼠标移上去文本框变成浅绿色 文本框提示样式，鼠标点击获得焦点时提示内容消失 input文本框样式 只有下划线的文本框： 软件序列号式的输入框： 软件序列号式的输入框(完整版)： 输入框景背景透明： 鼠标划过输入框，输入框背景色变色： 等等
HTML文本框样式
10-25
各种HTML文本框样式，看看有没有你想要的。
html中文本框，文本域，buttton的css美化
shuiyuehaha的专栏
11-14 4551
文本域 .textArea{ margin: 10px 10px; width: 80%;  height:150px; padding: 1;  min-height: 120px;      max-height: 300px;     _height: 120px;      margin-left: auto;      margin-right: auto;
为文本域（textarea）中的个别字体设置不同的样式
GCTTTTTT的博客
03-25 4923
文章目录将textarea文本域用可编辑的div来代替相关JavaScript代码效果显示参考链接 将textarea文本域用可编辑的div来代替 将contenteditable设置为true后可将div模拟成textarea <div id="" class="" contenteditable="true"></div> 然后就可以根据需求改变文本中个别字体的样式了 相关JavaScript代码 var arr_correct_split = data_try.corre
最好的文本框样式 最漂亮的文本框样式 textbox css样式
qq_42455280的博客
02-27 2万+
https://www.cnblogs.com/coolsundy/p/4229439.html
CSS-文本域和输入框美化处理、文字和图片对齐、文字超出文本域以省略号显示、magin的运用
最新发布
好看的皮囊千篇一律，有趣的灵魂万里挑一。
04-09 1392
文本域和输入框美化处理、文字和图片对齐、文字超出文本域以省略号显示、magin的运用
textarea样式
热门推荐
hgg923的专栏
03-02 3万+
效果图：代码：&lt;textarea style="border:0;border-radius:5px;background-color:rgba(241,241,241,.98);width: 355px;height: 100px;padding: 10px;resize: none;" placeholder="询价备注（尺寸、材质等）"&gt;&lt;/textarea&gt;...
弹出漂亮textarea
sefvang的专栏
09-27 1556
弹出提示 * {margin:0;padding:0;font-size:12px;} html,body {height:100%;width:100%;} #content {background:#f8f8f8;padding:30px;height:100%;} #content a {font-size:30px;color:#369;font-weight:700;} #
【转】input输入框的各种样式
weixin_30821731的博客
05-05 9812
输入框景背景透明：<input style="background:transparent;border:1px solid #ffffff"> 鼠标划过输入框，输入框背景色变色：<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor=...
bootstrap写一个文本域
05-30
例如，以下代码可以创建一个带有灰色背景、圆角和阴影效果的文本域： ```html <textarea class="form-control bg-gray rounded shadow"></textarea> ``` 在上述代码中，`form-control`类用于使文本域具有Bootstrap...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值