用DIV+CSS如何实现这种表格效果
2006-09-24 00:00
639 查看
表格效果table
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
表格效果div+css
#div1 {
width: 450px;
border-top: #000 1px solid;
border-left: #000 1px solid;
}
#div1 ul {
width: 450px;
margin: 0px;
}
#div1 li {
float: left;
width: 149px;
height: 50px;
list-style-type: none;
border-right:#000 1px solid;
border-bottom: #000 1px solid;
text-align: center;
line-height: 50px;
}
1
2
3
4
5
6
7
8
9
10
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
表格效果div+css
#div1 {
width: 450px;
border-top: #000 1px solid;
border-left: #000 1px solid;
}
#div1 ul {
width: 450px;
margin: 0px;
}
#div1 li {
float: left;
width: 149px;
height: 50px;
list-style-type: none;
border-right:#000 1px solid;
border-bottom: #000 1px solid;
text-align: center;
line-height: 50px;
}
1
2
3
4
5
6
7
8
9
10
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 用DIV+CSS如何实现这种表格效果
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- 如何用css代码实现有立体效果的表格
- CSS+DIV实现提交表格效果
- 用css+div如何实现表格显示
- Div+Css实现屏蔽效果的登陆窗体
- DIV+CSS效果(实现平滑投票效果等)
- 用DIV+CSS实现文字及面板阴影效果
- css怎么让div动起来,实现动画效果一直在动
- CSS实现表格无外边框效果(只有内十字)
- div+css实现表头固定内容滚动表格
- css实现div悬浮不动效果
- 纯DIV+CSS简单实现Tab选项卡左右切换效果
- DIV+CSS实现放大镜效果的分页样式
- div+css实现圆角效果
- DIV+CSS实现区域鼠标事件的动态效果
- JS+DIV+CSS实现仿表单下拉列表效果
- JS+CSS实现几个DIV层上下移动交换位置的效果
- DIV+CSS实现的拖动+隐藏/显示效果+背景变暗
- css案例学习之div ul li a 实现导航效果