常用table样式,备自己常年复制用。
效果图
<!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>无标题文档</title> <style type="text/css"> <!-- /************ Table ************/ .xwtable {width: 100%;border-collapse: collapse;border: 1px solid #ccc;} .xwtable thead td {font-size: 12px;color: #333333;text-align: center;background: url(table_top.jpg) repeat-x top center;border: 1px solid #ccc; font-weight:bold;} .xwtable tbody tr {background: #fff;font-size: 12px;color: #666666;} .xwtable tbody tr.alt-row {background: #f2f7fc;} .xwtable td{line-height:20px;text-align: left;padding:4px 10px 3px 10px;height: 18px;border: 1px solid #ccc;} --> </style> </head> <body> <table class="xwtable"> <thead> <tr> <td>条数(可去掉这行)</td> <td>内容(可去掉这行)</td> </tr> </thead> <tbody> <tr> <td>第1条</td> <td>内容内容内容</td> </tr> <tr> <td>第2条</td> <td>内容内容内容内容</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </tbody> </table> </body> </html>
相关推荐
html,table常用样式,适用于对htm样式美观有要求的项目
接下来,以一个简单的例子演示 html-table 的常用用法: 开始之前,须通过 pip 安装 html-table 包: $ python -m pip install html-table 安装完毕后,即可导入 HTMLTable 类: from HTMLTable
table布局.html 演示table布局。 DIV布局样式.html 设置DIV布局样式。 如何用DIV布局.html 演示如何用DIV布局。 第13章(源代码\第13章) 示例描述:本章演示DIV与SPAN用法。 SPAN基本语法....
Css制作table细线表格 1、介绍了一个不常用属性:border-collapse:collapse; 2、使用了一个属性缩写技巧:border:style color;border-width:上 右 下 左; <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 ...
如上图所示,功能基本包括常用表格中遇到的分页、搜索、删除、AJAX操作。由于是用的HANDLEBARS渲染的,所以样式可能很好的控制,要加新的功能也较容易。 #调用例子 ##html 名称: loading... ##模板 [removed] {{#...
MYSQL常用命令 1.导出整个数据库 mysqldump -u 用户名 -p --default-character-set=latin1 数据库名 > 导出的文件名(数据库默认编码是latin1) mysqldump -u wcnc -p smgp_apps_wcnc > wcnc.sql 2.导出一个表 ...
1、html常用标签 p标签 span ul li table tr td 2、实例用到CSS属性单词 border width height 3、实现虚线的CSS重点介绍 border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是...
大部分常用的Html元素如h1、p、div、img、table、li、lu等可带样式转换成功,目前常用的input标签转换不成功,在生成的图片中不显示。图片大小显示正常。 转换耗时在0.3-1秒之间,可接受,不影响用户体验。
9.9.html 使用输入对话框修改table的值。 9.10.html 按照要求打开新窗口。 9.11.html 设定重复执行的延时程序。 top.html 框架定义与多框架分离页面时使用的框架头部页面。 left.html 多框架...
在这里我还将介绍一些常用的选项功能的解释。 此类 chm 文件一般包含有多个 HTML 文件。与前面一样,你需要先把网页文件做好,放到硬盘一个文件夹中,如 test3。进入 HHW 后选新建项目,并指定新建项目文件的...
一个css框架,非常轻量,仅4KB,适合电脑内存少的开发者使用,其定义大部分常用html标签样式,如button,input(search)等,兼容大部分css框架(Bootstarp框架与其冲突,还有部分与该框架冲突,之后会改进,尽量与其他...
7.1.1 表格的基本构成——table、tr、td 119 7.1.2 表格的标题——caption 120 7.1.3 表格的表头——th 121 7.2 设置表格基本属性 123 7.2.1 表格的宽度——width 123 7.2.2 表格的高度——height...
作用:设置同一行文字内的不同样式 9、行内元素 与 块级元素 按照元素们的表现形式来分类,分为 行内元素 和 块级元素1、行内元素 在一行内允许显示多个元素的,称为 "行内元素" span,i,b,s,u,sup,sub 作用:...
还有一种常用的编码是UTF-8编码,它是国际通用的编码。不管我们采用哪种编码,有一点就是包含的css样式表和其它文件也必须和本文档的编码一样,要不就会出现乱码。 3)html标签 成对的标签: <head>...</...
导入外部css样式表的方法 使用link标签导入外部css样式表 <link rel="stylesheet" href="css/demo01.css"> 在样式表中import(导入)外部样式表 ... table { background: #003366; } </s
复制代码代码如下:html{ color:#000; background:#FFF;}//body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5...}table /* 设置table 的样式*/{ border-collapse:collapse; border-spacing:0;}fieldset, img{ bo
如上图所示,功能基本包括常用表格中遇到的分页、搜索、删除、AJAX操作。由于是用的HANDLEBARS渲染的,所以样式可能很好的控制,要加新的功能也较容易。 调用例子 html 名称: <input type=text name=gname>...