原创投稿
  1. 创想鸟首页
  2. 用户投稿

Css基本样式表格的详细介绍

程序猿 • • 用户投稿

这篇文章主要为大家css基本样式表格的详细介绍,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

a.Css表格属性可以帮助我们极大地改善表格的外观

b.表格边框

    
        姓名        年龄        性别    
    
        小王        20        男    
    
        小王        20        男    
    
        小王        20        男

   

这样可以生成一个没有边框效果的表格

立即学习“前端免费学习笔记（深入）”；

此时可以给表格添加一个边框

但是这种写法并不能应用于所有的table当中
因此可以选择使用Css样式作为一种更好的方式








#tb{    border: 1px solid blue;}
这时可以看到表格最外层的蓝色的外边框
可以设置表格内部：


#tb,tr,th,td{    border: 1px solid blue;}




这里用到了分组选择器。即一个id选择器和3个元素选择器组合在一起，之间用逗号隔开
c.折叠边框
在上面的表格中显示的是双边框
这样显然是不合理的
可以把双边框合成一条线


#tb,tr,th,td{    border: 1px solid blue;    border-collapse: collapse;}




d.表格宽高


#tb{    width: 400px;    height: 400px;    border-collapse: collapse;}#tb,tr,th,td{    border: 1px solid blue;}




e.表格文本对齐


#tb{    width: 400px;    height: 400px;    border-collapse: collapse;}#tb,tr,th,td{    border: 1px solid blue;    text-align:center;}




f.表格内边距
g.表格颜色


#tb{    width: 400px;    height: 400px;    border-collapse: collapse;}#tb,tr,th,td{    border: 1px solid blue;    text-align:center;    background-color: aqua;}




以上就是Css基本样式表格的详细介绍的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。

发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1608304.html

                            
 赞 (0)

                                                            

                                     打赏                                    
                                                                                    
                                                微信扫一扫
                                                    微信扫一扫                                            
                                                                                                                            
                                                支付宝扫一扫
                                                    支付宝扫一扫                                            
                                                                            
                                

                                                    

                            

                                                                

                                    

                                                                                     0                                         0                                                                            

                                    
                                    

                                        
                                    

                                

                            

                        

    
关于作者
    

        

            程序猿的头像
        

        

            

                

                    程序猿签约作者
                

                

                                    

            

                            
            

                413.8K
                文章
            

                    

                0
                评论
            

                    

                2
                粉丝
            

        

                        
这个人很懒，什么都没有留下～
        

    



                    

                                
                

                     上一篇
                    2025年12月23日 21:40:35
                

            

                            

                                
                

                    下一篇 
                    2025年12月23日 21:40:44
                

            

            

                            
相关推荐
                        

    	

		
发表回复 
登录后才能评论
 
	

		

                                                

                                                                                                            

                                        关注微信