0

0

如何做一个没有四边框线的表格_html/css_WEB-ITnose

php中文网

php中文网

发布时间:2016-06-21 09:43:37

|

2166人浏览过

|

来源于php中文网

原创

css

想做一个表格 效果如下
不知道如何操作

回复讨论(解决方案)

        table
        {
            border: solid 1px black;
        }
        table tr td
        {
            border-left: 1px solid black;
            border-bottom: 1px solid black;
        }

11111
11111
11
11111
11111
11111

还可以简单点。。

11111
11111
11
11111
11111
11111

td {            border-right:1px solid #ccc;            border-bottom:1px solid #ccc;            width:50px;            height:50px;        }        table {            border-collapse:collapse;            empty-cells:show;        }        td:last-child {            border-right:none;        }        tr:last-child td {            border-bottom:none;        }


因为单元格没有内容,所以你实际上可以去掉
width,height
及empty-cells

因为单元格没有内容,所以你实际上可以去掉
width,height
及empty-cells
单元格实际上是有内容的


因为单元格没有内容,所以你实际上可以去掉
width,height
及empty-cells
单元格实际上是有内容的

晕,我说我写的td中没有内容。



因为单元格没有内容,所以你实际上可以去掉
width,height
及empty-cells
单元格实际上是有内容的

晕,我说我写的td中没有内容。

多谢指点,  这样的功能是否能用JS 或者jq 来实现呢

可以使用jquery来实现,当然也就可以通过js来实现。

jquery的选择器完全是遵守w3c标准的,所以我写的css选择器你一样可以用jquery的选择器来选择目标元素。

不过,不理解为什么要通过脚本来实现?

Extjs 的grid也可以设置border

nbsp;html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


表格













        
        
        


关键代码:


  

  
     

 

进测试 ,可行,jquery实现的

相关专题

更多
虚拟号码教程汇总
虚拟号码教程汇总

本专题整合了虚拟号码接收验证码相关教程,阅读下面的文章了解更多详细操作。

29

2025.12.25

错误代码dns_probe_possible
错误代码dns_probe_possible

本专题整合了电脑无法打开网页显示错误代码dns_probe_possible解决方法,阅读专题下面的文章了解更多处理方案。

20

2025.12.25

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

37

2025.12.25

word转换成ppt教程大全
word转换成ppt教程大全

本专题整合了word转换成ppt教程,阅读专题下面的文章了解更多详细操作。

6

2025.12.25

msvcp140.dll丢失相关教程
msvcp140.dll丢失相关教程

本专题整合了msvcp140.dll丢失相关解决方法,阅读专题下面的文章了解更多详细操作。

2

2025.12.25

笔记本电脑卡反应很慢处理方法汇总
笔记本电脑卡反应很慢处理方法汇总

本专题整合了笔记本电脑卡反应慢解决方法,阅读专题下面的文章了解更多详细内容。

6

2025.12.25

微信调黑色模式教程
微信调黑色模式教程

本专题整合了微信调黑色模式教程,阅读下面的文章了解更多详细内容。

5

2025.12.25

ps入门教程
ps入门教程

本专题整合了ps相关教程,阅读下面的文章了解更多详细内容。

4

2025.12.25

苹果官网入口直接访问
苹果官网入口直接访问

苹果官网直接访问入口是https://www.apple.com/cn/,该页面具备0.8秒首屏渲染、HTTP/3与Brotli加速、WebP+AVIF双格式图片、免登录浏览全参数等特性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

218

2025.12.24

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Swoft2.x速学之http api篇课程
Swoft2.x速学之http api篇课程

共16课时 | 0.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号