td | 易学教程

表中两行之间的空格？

阅读更多关于表中两行之间的空格？

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 这可能通过CSS吗？我尝试着 tr.classname { border-spacing: 5em; } 无济于事。也许我做错了什么？ #1楼为表提供间距的正确方法是使用cellpadding和cellspacing例如 <table cellpadding="4"> #2楼你需要设置 border-collapse: separate; 在桌子上; 大多数浏览器默认样式表从 border-collapse: collapse; 开始 border-collapse: collapse; ，边沟间隔。另外，边界间距：在 TD 而不是 TR 。尝试： <html><head><style type="text/css"> #ex { border-collapse: separate; } #ex td { border-spacing: 1em; } </style></head><body> <table id="ex"><tr><td>A</td><td>B</td></tr><tr><td>C</td><td>D</td></tr></table> </body> #3楼要创建行间距的错觉，请将背景颜色应用于行，然后创建一个白色的粗边框，以便创建“空格”:) tr { background

jquery 批量删除

阅读更多关于 jquery 批量删除

例子1：全选删除 <table> <tr> <td><input type="checkbox" id="checkall" name="checkall" onclick="checkAll()">全选 </td> <td>姓名</td> <td><a href="toadd.do">添加</a> </td> </tr> 　　 <tr> <td><input type="checkbox" id="checkone" name="checkone" value="1"> </td> 　　　　<td>张三1</td> 　　　　 </tr> 　　　　<tr> 　　　　<td><input type="checkbox" id="checkone" name="checkone" value="1"> </td> 　　　　<td>张三2</td> 　　　　</tr> 　　　　<tr> 　　　　<td><input type="checkbox" id="checkone" name="checkone" value="1"> </td> 　　　　<td>张三3</td> 　　　　</tr> 　　　　<tr> 　　　　<td><input type="checkbox" id="checkone" name="checkone" value="1"> </td> 　　　　<td

html table 表格

阅读更多关于 html table 表格

前面的话　　在CSS出现之前，table元素常常用来布局。这种做法在HTML4之后不再推荐使用。而现在有些矫枉过正，使用table展示数据都可能会被说不规范。本文将详细介绍HTML表格table table 【默认样式】 //IE7-浏览器不支持border-spacing table{ 　　border-collapse: separate; 　　border-spacing: 2px; 　　border: 1px solid gray; } 【属性】　　1、border(在html5中，border只能为"1"或" ")(html5已废弃) border="0"//没有边框 border="8"//8像素宽的边框　　2、cellpadding(px/%)(html5已废弃) 　　规定单元边界与单元内容之间的间距　　3、cellspacing(px/%)(html5已废弃) 　　规定单元格之间的间距　　4、summary(html5已废弃) 　　表格内容的摘要　　5、width(html5已废弃) 　　表格宽度 <table border="2" cellpadding="5" cellspacing="3" summary="测试表格" width="300"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td>

php导出word格式数据的代码

阅读更多关于 php导出word格式数据的代码

<?php /** * 生成word文档的类 * by www.jbxue.com */ class word { function start() { ob_start(); echo '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">'; } function save($path) { echo "</html>"; $data = ob_get_contents(); ob_end_clean(); $this->wirtefile ($path,$data); } function wirtefile ($fn,$data) { $fp=fopen($fn,"wb"); fwrite($fp,$data); fclose($fp); } } //导出的程序文件 //导出 ---start--- require SITE_ROOT.'include/word.class.php'; //类文件放在根目录下的include文件夹下 $word = new word(); //查询数据填入word 中 $result = $db->query

javaweb实训下

阅读更多关于 javaweb实训下

在web目录里常见css子目录，在里面创建main.css文件： /* 样式 */ body { margin : 0px ; text-align : center ; background : url("../images/frontBack.jpg") no-repeat ; background-size : 100% } table { margin : 0 auto ; font-size : 14px ; color : #333333 ; border-width : 1px ; border-color : khaki ; border-collapse : collapse ; } table th { border-width : 1px ; padding : 8px ; border-style : solid ; border-color : gainsboro ; background-color : honeydew ; } table td { border-width : 1px ; padding : 8px ; border-style : solid ; border-color : gainsboro ; background-color : #ffffff ; } /*登录页面样式*/ .login { width : 400px ;

WEB页面导出为EXCEL文档的方法

阅读更多关于 WEB页面导出为EXCEL文档的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>WEB页?面?导?出?为?EXCEL文?档?的?方?法?</title> </head> <body> <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td colspan="5" align="center"> WEB页?面?导?出?为?EXCEL文?档?的?方?法? </td> </tr> <tr> <td> 列?标?题? </td> <td> 列?标?题? </td> <td> 列?标?题? </td> <td> 列?标?题? </td> <td> 列?标?题? </td> </tr> <tr> <td> aaa </td> <td> bbb </td> <td>

前端学习（164）:表格扩展

阅读更多关于前端学习（164）:表格扩展

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>表格扩展</title> <style> table{ /* 隐藏空单元 */ empty-cells: hide; /* 单线 */ border-collapse: collapse; } table .line{border:50px solid red;border-left: 150px solid blue;position: relative;color: white;} table .line em{position: absolute;left: -50px;top: -50px;} table .line span{position:absolute;left:-120px;top:-30px;} </style> </head> <body> <table border="1"> <caption>天气预报</caption> <colgroup> <col span="2"

body标签

阅读更多关于 body标签

想要在网页上展示出来的内容一定要放在 body 标签中。把我们之前海燕那一段HTML代码贴过来，保存到一个HTML格式的文件中。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>示例</title> </head> <body> <h1>海燕</h1> <p>在苍茫的大海上，</p> <p>狂风卷集着乌云。</p> <p>在乌云和大海之间，</p> <p>海燕像黑色的闪电，</p> <p>在高傲地飞翔。</p> </body> </html> 使用浏览器打开，看一下效果：标题标签 h1~h6 <h1> - <h6> 标签可定义标题。 <h1> 定义最大的标题。 <h6> 定义最小的标题。由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用css来定义来达到漂亮的显示效果。标题标签通常用来制作文章或网站的标题。 h1~h6标签的默认样式： <!DOCTYPE HTML> <html> <head lang='en'> <meta http-equiv="Content-Type" content="text

Ajax动态加载数据

阅读更多关于 Ajax动态加载数据

前言： 1.这个随笔实现了一个Ajax动态加载的例子。 2.使用.net 的MVC框架实现。 3.这个例子重点在前后台交互，其它略写。开始： 1.控制器ActionResult代码（用于显示页面） /// <summary> /// 电话查询页面 /// </summary> /// <returns></returns> public ActionResult PhoneSearch(string sql) { phoneList=从数据库查询数据； ViewBag.phoneList = phoneList; return View(); } 2.前台页面主要代码说明：这个就是要展示数据的表格，里面的字段要和你建好的模型匹配。 <table border="1" cellspacing="0" cellpadding="0" class="toLang" id="phoneTable"> <tr> <th>序号</th> <th>公司</th> <th>部门</th> <th>小组</th> <th>姓名</th> <th>职位</th> <th>电话</th> </tr> <tbody id="todeListTBODY"> @if (ViewBag.phoneList != null) { foreach (var item in ViewBag.phoneList)

ajax验证用户名是否存在

阅读更多关于 ajax验证用户名是否存在

jsp页面 <head> <script type="text/javascript" src= "js/register.js" ></script> </head> <table> <td>用户名：</td> <td> <input type="text" name=" r_name " id="r_name" onblur="CheckUserName()" > <span id=" span01 "></span> </td> </table> js文件夹下的register.js //创建对象 function ajaxFunction() { var xmlHttp; try{ // 适用于IE7+, Firefox, Chrome, Opera, Safari xmlHttp=new XMLHttpRequest(); } catch(e){ try{ //Internet Explorer xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch(e){ try{ // 适用于IE6, IE5 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){ xmlHttp=false; } } } return xmlHttp; } var flag=ture;

订阅 td