网站建设资讯

NEWS

网站建设资讯

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中设置表格边框的方法
本文URL:http://cdweb.net/article/ggdsjp.html