本篇教程介绍了HTML+CSS入门 textarea设置下划线格式,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。
<
功能要求:
1:如何实现在多行文本框textarea里面每一行下面都有一条横线
2:textarea文本框里面有一段不能删掉
实现方法:
横线用背景图片来做,不动的文字用浮动层+给textarea增加text-indent来实现缩进。
源代码如下:
html>
Textarea设置下划线格式.input{position:relative}
.word{position:absolute;line-height:20px;left:0px;top:1px;z-index:10;background:#fff}
.input textarea{border:none; text-indent:75px;line-height:20px;background:url(http://www.w3dev.cn/eg/linebg.gif) repeat;overflow:auto}
护理措施:
本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!