CSS控制表格显示效果,可能有你还不知道的方法哦
2014-01-09 09:20
766 查看
1.表格中边框的显示
■表格外边框
只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框
■表格内横向和纵向分割线
可以隐藏横向的分隔线
可以隐藏纵向的分隔线
可以隐藏横向和纵向的分隔线
■单元格边框
3.表格分行下载
这个对表格内容很大比较实用,不用等到整个表格加载完毕之后才显示,在需要分行下载处加上tbody,比如:
4.几种样式不同的表格
■普通表格
■正立方表格
■细边框表格
■立体表格
■无名表格
■表中表效果Ⅰ
■表中表效果Ⅱ
■表格外边框
只显示上边框
■表格内横向和纵向分割线
■单元格边框
2.表格的边框不断闪烁隐藏单元格下边 隐藏单元格上边框 隐藏单元格左边框 隐藏单元格右边框
加入任意的物件.加入任意的物件. |
3.表格分行下载
这个对表格内容很大比较实用,不用等到整个表格加载完毕之后才显示,在需要分行下载处加上tbody,比如:
flsdjfsdjfkdsjf |
skdjfsdjfksd |
flsdjfsdjfkdsjf |
skdjfsdjfksd |
4.几种样式不同的表格
■普通表格
普通表格 |
■正立方表格
正立方表格 |
■细边框表格
细表格 |
■立体表格
立体表格 |
■无名表格
无名表格 内容 |
■表中表效果Ⅰ
表中表效果Ⅰ 内容 |
■表中表效果Ⅱ
表中表效果Ⅱ
|
相关文章推荐
- CSS中display:inline-block和overflow:hidden无效
- jsp页面中插入css样式的三种方法总结
- jsp页面中插入css样式的三种方法总结
- CSS3利用border-radius实现边框圆角
- Hover.css:一组超实用的 CSS3 悬停效果和动画
- 编写更好的CSS
- 实用CSS3的transform实现多种动画效果
- 编写更好的CSS
- 编写更好的CSS
- 用css实现云状提示框
- 使用简单的CSS3属性实现炫酷读者墙效果
- IE6下,CSS如何定义小于10像素的div高度
- IE10 CSS Hack(顺便聊聊IE11的CSS Hack)
- 常见标签的默认属性值及相互作用——关于CSS reset的思考
- 借助CSS定位来实现把一个DIV放到另一个div右下角
- CSS行高line-height的个人理解
- 用纯CSS实现容器内图片上下左右居中
- CSS的各种选择器
- php文件第一行有多余字符,css文件第一行不起作用,bom头在作怪
- CodeIgniter引用外部css