绵阳梓潼网站制作公司

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://myzitong.com/article/ggdsjp.html

其他资讯