<!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>
分享到:
相关推荐
范例1-47 正序输出双向链表 113 ∷相关函数:ListInsert函数 ListTraverse函数 1.3.17 逆向输出双向链表 116 范例1-48 三角矩阵建立 116 ∷相关函数:ListTraverseBack函数 1.3.18 删除双向链表中的节点 121 ...
实例006 弹出的窗口之Cookie控制 9 实例007 为弹出的窗口加入关闭按钮 11 实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时,不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14...
范例1-47 正序输出双向链表 113 ∷相关函数:ListInsert函数 ListTraverse函数 1.3.17 逆向输出双向链表 116 范例1-48 三角矩阵建立 116 ∷相关函数:ListTraverseBack函数 1.3.18 删除双向链表中的节点 121 ...
实例096 应用CSS+DIV实现无边框窗口 143 实例097 通过双击鼠标实现页面自动滚屏 145 3.10 其他 146 实例098 设置主页 147 实例099 收藏本站 147 实例100 离开时启动收藏夹 148 第4章 验证控件 151 4.1...
范例1-47 正序输出双向链表 113 ∷相关函数:ListInsert函数 ListTraverse函数 1.3.17 逆向输出双向链表 116 范例1-48 三角矩阵建立 116 ∷相关函数:ListTraverseBack函数 1.3.18 删除双向链表中的节点 121 ...
DRAG the DIV.htm 拖动层 超经典的js代码.htm 专业菜单(适合企业).htm 接收键盘指令的脚本(即快捷键).htm 三级树效果.htm 锁定表格栏位范例网页.htm ……
3.本书所附光盘范例 第1章(/C01/) JsWeb 传统的JavaScript模式实现刷新 IframeWeb 基于框架的不刷新模式 AjaxWeb 基于Ajax的Web 2.0模式的刷新模式 AsyncAjaxSample Ajax异步调用的完整...
在CSS布局中,ul,li的运用是非常常见的。配合DIV与CSS,创建无表格布局。
2.本书所附光盘范例 第1章(\c01) 示例描述:演示JavaScript的简单应用及JavaScript特效。 1.1.html 用JavaScript开发的弹出式“Hello World”实例。 1.2.html 在页面中输出的“Hello World”。 1.3....
附【普通表格架构学校网站与Div架构的区别】: ① 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...
附【普通表格架构企业网站与DIV架构的区别】: ① 内容和形式分离,美工全部交给CSS来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...
附【普通表格架构学校网站与Div架构的区别】: ① 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...
附【普通表格架构企业网站与Div架构的区别】: ① 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...
附【普通表格架构学校网站与Div架构的区别】: ① 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...
附【普通表格架构学校网站与Div架构的区别】: (1) 内容和形式分离,美工全部交给Css来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 (2) 改版网站更简单更容易,不用重新设计编排网页,甚至于...
附【普通表格架构企业网站与DIV架构的区别】: ① 内容和形式分离,美工全部交给CSS来处理。生成的Html文件代码精简度更高、页面体积更小,打开速度更快。 ② 改版网站更简单更容易,不用重新设计编排网页,甚至于...
象这样没有包含任何子元素的最后一级元素我们也称之为"页元素"。 4.Parser(解析软件) Parser是一种检查XML文档是否遵循DTD规范的工具软件。 XML的parser发展为两类:一种是"非确认类paeser",只检测文档是否遵守...