`
leon1509
  • 浏览: 538326 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

转:用纯css建立好看的表格

阅读更多
http://aligooo.com.s1.66ns.com/Aligoooo_javascript/show.asp?id=658
<style type="text/css">
* {
	margin:0;
	padding:0;
	font-size:12px;
	/*color:#000;*/
}
.table {
	width:405px;
	margin:15px auto;
}
.table li,.table li.header {
	list-style-type:none;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	float:left;
	margin-left:1px;
	margin-bottom:1px;
	background:#B2B7D9;

}
.table li.header {
	background:#D3E5FC;
}
</style>
<ul class="table">
 <li class="header">第一列</li>
 <li class="header">第二列</li>
 <li class="header">第三列</li>
 <li class="header">第四列</li>
 <li>数据1-1</li>
 <li>数据1-2</li>
 <li>数据1-3</li>
 <li>数据1-4</li>
 <li>数据2-1</li>
 <li>数据2-2</li>
 <li>数据2-3</li>
 <li>数据2-4</li>
 <li>数据3-1</li>
 <li>数据3-2</li>
 <li>数据3-3</li>
 <li>数据3-4</li>
 <li>数据4-1</li>
 <li>数据4-2</li>
 <li>数据4-3</li>
 <li>数据4-4</li>
</ul>
分享到:
评论

相关推荐

    精通CSS(css mastery)中文版 part1

    &lt;br&gt;本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的...

    纯CSS3时尚价格表设计效果

    在本文中,我们将深入探讨如何使用纯CSS3创建一款时尚的价格表设计效果,这款设计借助了Bootstrap框架的布局优势,并且融入了扁平化风格和平滑的过渡效果,以提升用户体验。首先,让我们来理解CSS3的核心特性以及...

    精通CSS(css mastery)中文版 part3

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    精通CSS(css mastery)中文版 part6

    在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后本书用两章讨论招数、过滤器、bug和...

    精通CSS:高级Web标准解决方案-pdf-01/4

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    精通CSS:高级Web标准解决方案(英文版)

    这本书不仅涵盖了CSS的基础概念与最佳实践,还深入探讨了一系列高级主题,包括图像处理、链接样式、列表操作、表单设计、数据表格设计以及纯CSS布局等。通过丰富的案例研究和技术详解,本书为读者提供了宝贵的实践...

    精通CSS高级Web标准解决方案-包含源码(高清PDF中文版)

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    CSS Mastery 精通CSS英文版 +源码下载

     本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。...

    基于typora+markdown+css的自定义简历模板

    Markdown是一种轻量级的标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成结构化的HTML(超文本标记语言)文档。Typora是一款流行的 Markdown 编辑器,它提供了一种无干扰的写作环境,使得编写...

    CSS使用和过滤器:制作层叠样式的作品

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    精通CSS高级Web标准解决方案

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格 设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。...

    《CSS Mastery》《 精通CSS》 中文版高清晰 +英文版 +源码下载===>之5/6

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    《CSS Mastery》《 精通CSS》 中文版高清晰 +英文版 +源码下载===>之3/6

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    精通CSS:高级Web标准解决方案.pdf-02/4

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    精通CSS(css mastery)中文版 part2

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    精通CSS(css mastery)中文版 part5

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    《CSS Mastery》《 精通CSS》 中文版高清晰 +英文版 +源码下载===>之4/6

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    精通CSS(css mastery)中文版 part4

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    《CSS Mastery》《 精通CSS》 中文版高清晰 +英文版 +源码下载===>之6/6

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    《CSS Mastery》《 精通CSS》 中文版高清晰 +英文版 +源码下载===>之2/6

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

Global site tag (gtag.js) - Google Analytics