`
atgoingguoat
  • 浏览: 190680 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

HTML常用table样式

    博客分类:
  • js
 
阅读更多

常用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>&nbsp;</td>
				<td>&nbsp;</td>
			  </tr>
			  <tr>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			  </tr>
			  <tr>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			  </tr>
			</tbody>
		  </table>
</body>
</html>

 

  • 大小: 35.3 KB
  • table.rar (3.5 KB)
  • 描述: 源代码包
  • 下载次数: 29
0
0
分享到:
评论

相关推荐

    html,table常用样式

    html,table常用样式,适用于对htm样式美观有要求的项目

    用Python生成HTML表格的方法示例

    接下来,以一个简单的例子演示 html-table 的常用用法: 开始之前,须通过 pip 安装 html-table 包: $ python -m pip install html-table 安装完毕后,即可导入 HTMLTable 类: from HTMLTable

    零基础学HTML CSS源代码

    table布局.html 演示table布局。 DIV布局样式.html 设置DIV布局样式。 如何用DIV布局.html 演示如何用DIV布局。 第13章(源代码\第13章) 示例描述:本章演示DIV与SPAN用法。 SPAN基本语法....

    css 细线表格 css制作table细线表格常用属性

    Css制作table细线表格 1、介绍了一个不常用属性:border-collapse:collapse; 2、使用了一个属性缩写技巧:border:style color;border-width:上 右 下 左; &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 ...

    table:表格的渲染组件

    如上图所示,功能基本包括常用表格中遇到的分页、搜索、删除、AJAX操作。由于是用的HANDLEBARS渲染的,所以样式可能很好的控制,要加新的功能也较容易。 #调用例子 ##html 名称: loading... ##模板 [removed] {{#...

    MYSQL常用命令大全

    MYSQL常用命令 1.导出整个数据库 mysqldump -u 用户名 -p --default-character-set=latin1 数据库名 &gt; 导出的文件名(数据库默认编码是latin1) mysqldump -u wcnc -p smgp_apps_wcnc &gt; wcnc.sql 2.导出一个表 ...

    html设置虚线边框的方法

    1、html常用标签 p标签 span ul li table tr td 2、实例用到CSS属性单词 border width height 3、实现虚线的CSS重点介绍 border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是...

    HtmlImageGenerator.rar

    大部分常用的Html元素如h1、p、div、img、table、li、lu等可带样式转换成功,目前常用的input标签转换不成功,在生成的图片中不显示。图片大小显示正常。 转换耗时在0.3-1秒之间,可接受,不影响用户体验。

    JavaScript完全自学宝典 源代码

    9.9.html 使用输入对话框修改table的值。 9.10.html 按照要求打开新窗口。 9.11.html 设定重复执行的延时程序。 top.html 框架定义与多框架分离页面时使用的框架头部页面。 left.html 多框架...

    MicrosoftHTMLHelpWorkshopV1.3汉化版.rar

    在这里我还将介绍一些常用的选项功能的解释。 此类 chm 文件一般包含有多个 HTML 文件。与前面一样,你需要先把网页文件做好,放到硬盘一个文件夹中,如 test3。进入 HHW 后选新建项目,并指定新建项目文件的...

    css原生框架Summer框架

    一个css框架,非常轻量,仅4KB,适合电脑内存少的开发者使用,其定义大部分常用html标签样式,如button,input(search)等,兼容大部分css框架(Bootstarp框架与其冲突,还有部分与该框架冲突,之后会改进,尽量与其他...

    从入门到精通HTML5——PDF——网盘链接

     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...

    html入门到放弃笔记

    作用:设置同一行文字内的不同样式 9、行内元素 与 块级元素 按照元素们的表现形式来分类,分为 行内元素 和 块级元素1、行内元素 在一行内允许显示多个元素的,称为 "行内元素" span,i,b,s,u,sup,sub 作用:...

    wordpress入门到精通教程

    还有一种常用的编码是UTF-8编码,它是国际通用的编码。不管我们采用哪种编码,有一点就是包含的css样式表和其它文件也必须和本文档的编码一样,要不就会出现乱码。 3)html标签 成对的标签: &lt;head&gt;...&lt;/...

    详解css常用选择器

    导入外部css样式表的方法 使用link标签导入外部css样式表 &lt;link rel="stylesheet" href="css/demo01.css"&gt; 在样式表中import(导入)外部样式表 ... table { background: #003366; } &lt;/s

    common.css文件 网页设计常用的基本css控制

    复制代码代码如下: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

    javascript表格的渲染组件

    如上图所示,功能基本包括常用表格中遇到的分页、搜索、删除、AJAX操作。由于是用的HANDLEBARS渲染的,所以样式可能很好的控制,要加新的功能也较容易。 调用例子 html 名称: &lt;input type=text name=gname&gt...

Global site tag (gtag.js) - Google Analytics