首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > css教程

table高级应用把表格进行到底(必看)_经验交流

原创
2016-05-16 12:06:451535浏览
1.表格的分隔线可以隐藏

可以隐藏横向的分隔线

可以隐藏纵向的分隔线

可以隐藏横向和纵向的分隔线


2.表格的边框不断在闪

以下方法可以令表格的边框不断在闪，很实用的
在BODY区加上

style="border:5px solid yellow">







加入任意的物件.加入任意的物件.


加入任意的物件.加入任意的物件.


加入任意的物件.加入任意的物件.





3.表格分行下载

这个对表哥内容很大比较实用

在需要分行下载处加上

比如：


















flsdjfsdjfkdsjf
skdjfsdjfksd
flsdjfsdjfkdsjf
skdjfsdjfksd




4.几种样式不同的表格









普通表格


5.正立方表格

bordercolordark="#000000" style="position: absolute; left: 10; top:
49" height="26">







正立方表格



6.细表格

bgcolor="#000000" cellspacing="1" cellpadding="0"
height="22" style="position: absolute; left: 11; top: 86">







细表格


7.立体表格

bordercolordark="#ffffff" style="position: absolute; left: 10; top:
112" height="34">







bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格



8.无名表格










无名表格 　

　




9.表中表效果Ⅱ



align="center"> 表中表效果Ⅱ frame="hsides" border="1"
bordercolorlight="#000000" bordercolordark="#ffffff"
width="100%" cellspacing="1" cellpadding="0" height="78">





10.表中表效果Ⅰ

cellpadding="0">







表中表效果Ⅰ
　

　



11.表格中边框的显示


只显示上边框
只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框
table高级应用 表格PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：使用CSS解决文字环绕图片问题的代码_经验交流下一条：html label标签的使用教程_基础教程
【24期】《PHP小白到大牛》线上班，开始报名了！

学习路径

查看更多
2022 大前端开发（Vue方向）
2022 大前端开发（Vue方向）
10门课程
PHP快速入坑
PHP快速入坑
10门课程
PHP框架开发
PHP框架开发
9门课程
WEB前端快速入门
WEB前端快速入门
11门课程
PHP实战开发
PHP实战开发
7门课程

相关文章

查看更多
  • 相关课程
PHP直播课
打开APP，随时随地在线学习！