`
piperzero
  • 浏览: 3456318 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

今后输出表格之范例div表格

 
阅读更多
<!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=utf-8" /> 
<title>DIV+CSS表格效果</title> 
<style type="text/css"> 
/**div 表格*/
.divTb{
	margin:10px;
	width:501px;/*100*5+1*/
	list-style: none;

}
.divTb ul,.divTb li{
	margin:0;
	padding:0;
}
.divTb li{
	float:left;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	width: 99px;/*99px内空+1px外框*/
	height: 33px;
	line-height: 33px;
	text-align: center;
}
.divTb li.r{
	border-right:1px solid #ccc;
}
.divTb li.b{
	border-bottom:1px solid #ccc;
}
/**E div 表格*/
</style> 
</head> 

<body> 

<ul class="divTb">
	<li>111</li>
	<li>112</li>	
	<li>113</li>	
	<li>114</li>
	<li class="r">11r</li>
	<li>111</li>
	<li>112</li>
	<li>113</li>
	<li>112</li>
	<li class="r">11r</li>

	<li class="b">生活更美好</li> 
<li class="b"></li> 
<li class="b"></li> 
<li class="b"></li> 
<li class="b r">11</li> 
</ul>
</body> 
</html> 

分享到:
评论

相关推荐

    C语言通用范例开发金典.part1.rar

    范例1-47 正序输出双向链表 113 ∷相关函数:ListInsert函数 ListTraverse函数 1.3.17 逆向输出双向链表 116 范例1-48 三角矩阵建立 116 ∷相关函数:ListTraverseBack函数 1.3.18 删除双向链表中的节点 121 ...

    JavaScript网页特效范例宝典源码

    实例006 弹出的窗口之Cookie控制 9 实例007 为弹出的窗口加入关闭按钮 11 实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时,不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14...

    C语言通用范例开发金典.part2.rar

    范例1-47 正序输出双向链表 113 ∷相关函数:ListInsert函数 ListTraverse函数 1.3.17 逆向输出双向链表 116 范例1-48 三角矩阵建立 116 ∷相关函数:ListTraverseBack函数 1.3.18 删除双向链表中的节点 121 ...

    PHP程序开发范例宝典III

    实例096 应用CSS+DIV实现无边框窗口 143 实例097 通过双击鼠标实现页面自动滚屏 145 3.10 其他 146 实例098 设置主页 147 实例099 收藏本站 147 实例100 离开时启动收藏夹 148 第4章 验证控件 151 4.1...

    C 开发金典

    范例1-47 正序输出双向链表 113 ∷相关函数:ListInsert函数 ListTraverse函数 1.3.17 逆向输出双向链表 116 范例1-48 三角矩阵建立 116 ∷相关函数:ListTraverseBack函数 1.3.18 删除双向链表中的节点 121 ...

    js 拖动层等 实例

    DRAG the DIV.htm 拖动层 超经典的js代码.htm 专业菜单(适合企业).htm 接收键盘指令的脚本(即快捷键).htm 三级树效果.htm 锁定表格栏位范例网页.htm ……

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    3.本书所附光盘范例 第1章(/C01/) JsWeb 传统的JavaScript模式实现刷新 IframeWeb 基于框架的不刷新模式 AjaxWeb 基于Ajax的Web 2.0模式的刷新模式 AsyncAjaxSample Ajax异步调用的完整...

    Dreamweaver CSS网页布局ul和li范例

    在CSS布局中,ul,li的运用是非常常见的。配合DIV与CSS,创建无表格布局。

    JavaScript完全自学宝典 源代码

    2.本书所附光盘范例 第1章(\c01) 示例描述:演示JavaScript的简单应用及JavaScript特效。 1.1.html 用JavaScript开发的弹出式“Hello World”实例。 1.2.html 在页面中输出的“Hello World”。 1.3....

    千博学校网站管理系统 v2015 Build0108.rar

    附【普通表格架构学校网站与Div架构的区别】: ① 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...

    千博企业网站管理系统标准版 v2013 Build0206.rar

    附【普通表格架构企业网站与DIV架构的区别】: ① 内容和形式分离,美工全部交给CSS来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...

    千博学校网站管理系统 v2019 Build0116.zip

    附【普通表格架构学校网站与Div架构的区别】: ① 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...

    千博律师/学校/医院网站管理系统 v2012 Build1021.rar

    附【普通表格架构企业网站与Div架构的区别】: ① 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...

    千博学校网站管理系统 v2014 Build0813

    附【普通表格架构学校网站与Div架构的区别】: ① 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...

    千博学校网站系统-Asp

    附【普通表格架构学校网站与Div架构的区别】: (1) 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 (2) 改版网站更简单更容易,不用重新设计编排网页,甚至于...

    锐智企业建站系统 2011.02.08

    附【普通表格架构企业网站与DIV架构的区别】: ① 内容和形式分离,美工全部交给CSS来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    象这样没有包含任何子元素的最后一级元素我们也称之为"页元素"。 4.Parser(解析软件) Parser是一种检查XML文档是否遵循DTD规范的工具软件。 XML的parser发展为两类:一种是"非确认类paeser",只检测文档是否遵守...

Global site tag (gtag.js) - Google Analytics