我大致思路有 但是还是实现不了，望前辈们告诉下，最好写几句代码看得清晰点，新手恳请告知
思路：设置文本框的CSS 来实现上下平铺 background
-
等级
本版专家分：0结帖率 66.67% -
我大致思路有 但是还是实现不了，望前辈们告诉下，最好写几句代码看得清晰点，新手恳请告知
思路：设置文本框的CSS 来实现上下平铺 background
展开阅读全文
-
等级
本版专家分：0
-
追加一个问题 怎么用HTML 实现 gridview 效果 表头、表体
谢谢了
-
等级
本版专家分：162100勋章
-
- 签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
这种一般都是用背景图片平铺，简单又方便
-
等级
本版专家分：4696 -
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js" type="text/javascript"></script>
<style type="text/css">
.xxx{
height: 20px;
width: 100%;
border: 0px;
border-bottom: 1px solid #c3c3c3;
}
.xxx:focus,.xxx2:focus{
outline: none;
}
.xxx2{
height: 20px;
width: 100%;
border: 0px;
border-bottom: 1px solid #c3c3c3;
background: #f5f7fa;
}
</style>
</head>
<body>
<input class="xxx">
<input class="xxx2">
<input class="xxx">
<input class="xxx2">
<input class="xxx">
<input class="xxx2">
<input class="xxx">
<input class="xxx2">
<input class="xxx">
<input class="xxx2">
<input class="xxx">
<input class="xxx2">
<script type="text/javascript">
</script>
</body>
</html>
-
等级
本版专家分：0
-
你这代码写的 你在逗我们？
-
等级
本版专家分：2740
-
思路是这样的
使用textarea , 给它一个背景是信纸，设一下文字大小 、再设一下行高就可以 了。
大概是这样
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<style>
#oDiv textarea{width:100%; height: 500px; background: url(dot.png); line-height: 48px; font-size: 20px;}
</style>
</head>
<body>
<div id="oDiv">
<textarea ></textarea>
</div>
</body>
</html>
-
等级
本版专家分：51317勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- 黄花 2013年11月 Web 开发大版内专家分月排行榜第二
-
- 蓝花 2013年10月 Web 开发大版内专家分月排行榜第三
-
-
思路都说的这么直白了 自己多动动手写代码
-
等级
本版专家分：126 -
你写的我试了下 然而因为信纸有的有图案 如果把文本框的背景换成信纸 那么有图案的地方也同样可以写字 这样就乱了 怎样设置与文本框边距之类的 我是学生 所以有些不太懂 望指教
-
等级
本版专家分：0
-
如果你要实现你图片的效果的话，纯css就可以搞定了，请看下面这个链接
http://www.zhangxinxu.com/study/201102/css3-page-effect-demo3.html
-
等级
本版专家分：0勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
<!-- 信内容 -->
<div class="letter-content">
<!-- 信纸格式背景 -->
<div class="letter-layout">
<div class="letter-line"></div>
<div class="letter-line"></div>
<div class="letter-line"></div>
<div class="letter-line"></div>
</div>
<textarea class="letter-text" bindfocus="" value="喜欢你的人很多，不缺我一个。我喜欢的人很少，除你就没了。我说不出来为" />
</div>
/*信件内容*/
.letter-content {
width: 550rpx;
height: 312rpx;
margin: 0 auto;
/* background: green;*/
position: relative;
}
.letter-layout {
position: absolute;
left: 0;
top: 0;
width: 550rpx;
}
.letter-line {
height: 20px;
height: 77rpx;
line-height: 77rpx;
border-bottom: 1rpx solid #e0e0e0;
}
.letter-text {
position: absolute;
left: 0;
top: 0;
width: 550rpx;
height: 311rpx;
line-height: 77rpx;
font-size: 40rpx;
color: #999999;
}
-
等级
本版专家分：60
-
你这是在论坛求代码把
- Div+Css实现信纸书写页面
简单版本，可换行，可在线书写，条纹非背景图，可控制行高，主要运用css样式contenteditable、background
- Div+Css控制网页排版小记.
新的学期，空闲时间比较多，借着刚买的玩具云...这次就简单谈一下自己对div+css片面的理解。 这里先提一下做的第一个个人一面，简直简陋到想哭。当时博主还是一个php的懵懂小生，html嵌套着php实现了一个登录跳
- css3实现信纸/同学录效果
实现思路：网格背景，由css3的线性渐变来实现。纸上的打孔，由圆和圆柱组成，多个打孔，可以由box-shadow的平铺来实现。 实际代码： <div class="bg-grid"></div> <style> .bg-grid { height: ...
- HTML5系列代码：信纸效果
URL 是一个网页地址。 URL可以由字母组成，如...192.68.20.50。大多数人进入网站使用网站域名来访问，因为 名字比数字更容易记住。 <!...信纸效果</title> <style type="text/css"> div { padding:.
- HTML5和CSS3开发第五章课后作业
页面要求如下，>使用<div>.<p>.<span>等标签编辑页面，页面整体背景颜色使用线性渐变（#ECECEC，#FFFFED）.课程特色字体颜色为绿色（#5C9815），设计理念字体颜色...
- java URL、HTTP与HTML+CSS
一、Web 三大基石 1 二、API（Application Programming Interface,应用程序编程接口） 1 三、题目分析总结： 3 五、HTTP协议与寄信是类似的 6 请求报文 6 响应报文 7 1. HTTP请求头 8 ... URL:Unif
- html5--6-44信纸设计
html5--6-44信纸设计 实例 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <link rel="stylesheet" ...
- css条纹背景
<head> <meta charset="utf-8"> <title>条纹背景<...style type="text/css"> html,body{ padding: 0; margin:0; } div{ width: 20rem; height: 8rem; marg...
- html5--6-44信纸设计
html5--6-44信纸设计 实例 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题...
- 用CSS样式画横线的方法
今天在做网页的时候，需要用到CSS画横线，虽然比较简单，但也出了一些小问题，拿来做个备忘。 方法一：用DIV，代码如下：（推荐此方法） <div style="width:800px;height:1px;margin:0px auto;padding...
- 前端笔记-使用CSS为前端界面设置背景底纹
因为Spring Boot中的src或href都是使用th:src，th:href，这里是使用了模板引擎，而在CSS里面，貌似用不了th这语法，如下CSS body { background: url(background.jpg); height: 100%; } 这里该如何在Spring Boot...
- css3新增属性（背景）
1、背景色（纯色） 1.RGB 颜色 background-color:rgb(255,0,0) 2.RGBA 颜色 background-color:rgb(255,0,0，.3) 3.十六进制颜色 ...其中的 RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分 ...
- 如何实现条纹状背景色
本文地址：http://www.zhangxinxu.com/wordpress/?p=1605一、效果抢先您可以狠狠地点击这里：CSS3下的条纹背景demo在现代浏览器下，会有类似下面截图的些效果：这些美丽的纹饰全部都是由CSS实现的，没有一点点的图片...
- 加边框和背景的信纸
信纸加边框和背景的代码《一》 ); WIDTH: 100%" cellSpacing=4 align=left>(大边框图片地址); WIDTH: 100%" cellSpacing=120 align=left>我详细解释如下：1》三个url后面的括号是放你显示图片的背景地址第一个URL
- html5--6-44信纸设计
html5--6-44信纸设计 实例 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <link rel="stylesheet" ...
- JQuery-CSS样式
1、访问匹配元素的样式属性：css(name|pro|[,val|fn]) 取得第一个段落的color样式属性的值。 $("p").css("color"); 将所有段落的字体颜色设为红色并且背景为蓝色。 $("p").css({ "color": "#ff0011", "background":...
- 实现pc端信纸留言板
效果如图: 我好像在哪里见过这样的形式，但却从来没有想过怎么实现，有种莫名的兴奋感。怎么控制什么时候换行，怎么控制中间的线条，这些视乎都是CSS无法实现的，我陷入了死局。寻找JS的做法，JS的挺复杂的，...
- 微信小程序自制提示框（具有输入文本功能）
在这个基础上可以再次修改！ wxml: <view class='toast-box' hidden='{{!ifName}}'> <view class='toastbg'></view> &...view class='...
- 图片收起与展开的动画效果（显示隐藏动画效果）
注意：该效果适用于通过 jQuery 隐藏的元素，或在 CSS 中声明 display:none 的元素（但不适用于 visibility:hidden 的元素）。 hide()：如果被选的元素已被显示，则隐藏该元素。 注意：我们用到了jQuery的show()和...
- 【前端笔记】在HTML中画一条横线和IE10支持引用的CSS文件
首先大家国庆节快乐啊~~~ 这是我第一个在省外的国庆节，毕竟今年毕业了哇，奋斗的我们要加油~~~ 最近我会不断总结上一个WEB项目所用到的前端知识，和大家一起分享哈~~~在HTML中画一条横线和IE10支持引用的CSS文件
- CSS初学笔记 ②
1.css定位 A.概念：允许对元素进行定位改变位置；分为普通流，浮动和绝对定位；普通流中的元素的位置有元素在HTML中的位置决定 B.position属性:把元素放置到一个静态的、相对的、绝对的或固定的位置 （1...
- 窗口自适应的典范，163邮箱的信纸
窗口自适应历来是一件叫人头疼的事情，应该多学习一下163的做法， dsfsd-- ********************************* 北京卓信智恒科技有限公司 姓名： 李颖钊 ...手机：158 0268 3504 ...*****************************...
- CSS笔记
------------------------------------------------------------------... CSS技术的核心是布局，而不是样式。CSS的强大生命力在于它的布局能力，而不是细枝末节的修饰功能。 ------------------------------------...
- css3 渐变
css3 渐变： IE10+，chrome26+（10.0 加上-webkit-）,firefox16+(3.6 -moz-),safari6.1+(5.1 -webkit-),opera12.1+(11.6 -o-) 线性渐变 linear gradients 语法：linear-gradient(direction,color-stop1,color....
- 第13章 Kotlin 集成 SpringBoot 服务端开发（1）
第13章 Kotlin 集成 SpringBoot 服务端开发 本章介绍Kotlin服务端开发的相关内容。首先，我们简单介绍一下Spring Boot服务端开发框架，快速给出一个 Restful Hello World的示例。然后，我们讲下 Kotlin 集成 Spring ...
- IE7的web标准之道——6：（修正）置换元素与行距bug
IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真...
- Java菜鸟学习日记7
Web三大基石、URL、HTTP、HTML、CSS
- about some code of html editor
LIKE THIS: 多媒体编辑器.hide{ display:none}.divpic {display:inline;}a.dm{text-decoration:none}a.dm:hover{text-decoration:underline}a{font-size:12px}img{border:0}td.icon{w
- Parallels Desktop 16 联网启动脚本.command
Parallels Desktop 16 联网启动脚本.command 管理员运行 就能上网（Mac 虚拟机：Parallels Desktop v16.0.1-48919 TNT 直装版 支持 macos 11）