资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/ggdsjp.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220