div+css模拟表格效果代码
2008-12-06 00:00
302 查看
DIV+CSS模拟表格效果 - by koyoz.com
* {margin:0;padding:0}
#main {margin:100px 0 0 200px}
#main ul {width:520px;height:165px;list-style:none}
#main li {border-left:1px solid #ccc;border-top:1px solid #ccc;float:left;width:102px;height:33px;text-align:center;line-height:33px}
#main li.b {border-bottom:1px solid #ccc}
#main li.r {border-right:1px solid #ccc}
11
11
11
11
11
11
11
11
11
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
* {margin:0;padding:0}
#main {margin:100px 0 0 200px}
#main ul {width:520px;height:165px;list-style:none}
#main li {border-left:1px solid #ccc;border-top:1px solid #ccc;float:left;width:102px;height:33px;text-align:center;line-height:33px}
#main li.b {border-bottom:1px solid #ccc}
#main li.r {border-right:1px solid #ccc}
11
11
11
11
11
11
11
11
11
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- div+css模拟表格效果代码
- DIV+CSS:用CSS模拟窗口显示效果;
- 用css实现的带阴影的表格效果的代码
- css 非表格垂直对齐效果代码
- 网页 滚屏特效,用flash做背景,定时滚动,ccs背景代码效果语法,使用CSS处理表格边框样式化
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- 使用纯css代码实现div的“回”字型“叠放”效果
- 巧妙使用div+css模拟表格对角线
- javascript+div+css模拟alert效果和confirm效果
- div模拟滚动条效果示例代码
- 用div+css模拟表格对角线
- div模拟滚动条效果示例代码
- [置顶] CSS实现纯图片替换效果和div模拟下拉条的实现 -- 剔除知识误区
- DIV+CSS表格效果
- CSS +DIV的简单表格代码
- 关于使用css将DIV模拟成为表格
- div+css实现仿淘宝的产品分类菜单效果代码
- 用css实现的带阴影的表格效果的代码
- CSS小技巧一:用div+css模拟表格对角线
- CSS 之dl dt dd模拟表格实例代码