css中设置表格边框的方法

这篇文章主要介绍css中设置表格边框的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:申请域名、虚拟空间、营销软件、网站建设、靖江网站维护、网站推广。

css表格边框的设置方法:1、通过“table{border:1px solid skyblue;}”设置外边框;2、通过“td{border:1px solid skyblue;}”设置单元格边框。

本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑

可以用border:1px solid skyblue;

1px是边框像素,solid代表边框为实边,skyblue是边框颜色,如果直接设置table的话,只是外边框而已,如:


    
        
        
    
    
        
        
    
11111111111
11111111111

css:

table{border:1px solid skyblue;}

效果图:

css中设置表格边框的方法

设置单元格边框的话,可以使其每个单元格都有边框,如:

td{border:1px solid skyblue;}

效果图:

css中设置表格边框的方法

设置单元格间距为0的样式为:

table{border-collapse:collapse;}
td{border:1px solid skyblue;}

效果图:

css中设置表格边框的方法

以上是“css中设置表格边框的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


标题名称:css中设置表格边框的方法
链接分享:http://bzwzjz.com/article/ggdsjp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆网站制作 营销网站建设 网站设计制作 成都网站设计 企业网站设计 网站制作 成都网站设计 达州网站设计 重庆企业网站建设 重庆电商网站建设 营销型网站建设 成都网站建设 高端网站设计 成都营销网站制作 成都网站制作 成都网站建设公司 成都网站建设公司 成都网站设计 手机网站制作 成都网站建设 成都网站设计 温江网站设计