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

html表格如何设置间距

程序猿 • • 用户投稿

html表格设置间距的方法：1、设置第一个tbale的【margin-bottom】属性，代码为【】；2、设置第二个tbale的【margin-top】属性。

html表格如何设置间距

本教程操作环境：windows7系统、html5版，DELL G3电脑，该方法适用于所有品牌电脑。

html表格设置间距的方法：

1、设置第一个tbale的margin-bottom属性。例如：

表示table表格底部保持100px间距。
立即学习“前端免费学习笔记（深入）”；
2、设置第二个tbale的margin-top属性。例如：









表示table表格顶部保持100px间距。
5cbeaee9f43af0eda0873b7193f2c53.png
扩展知识
margin 属性可以单独改变元素（元素可以是表格或者DIV）的上，下，左，右边距。也可以一次改变所有的属性。
margin 属性单独使用时：
例1：margin-bottom：100px；元素的下外边距为100px。
例2：margin-left：100px；元素的左外边距为100px。
例3：margin-right：100px；元素的右外边距为100px。
例4：margin-top：100px；元素的上外边距为100px。
margin 属性一次性设置所有属性：
例1：margin:10px 5px 15px 20px;表示：
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
例2：margin:10px 5px 15px;表示：
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px
例3：margin:10px 5px;表示：
上外边距和下外边距是 10px
右外边距和左外边距是 5px
例4：margin:10px;表示：
所有 4 个外边距都是 10px


相关学习推荐：html教程


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

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

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

                            
 赞 (0)

                                                            

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

                                                    

                            

                                                                

                                    

                                                                                     0                                         0                                                                            

                                    
                                    

                                        
                                    

                                

                            

                        

    
关于作者
    

        

            程序猿的头像
        

        

            

                

                    程序猿签约作者
                

                

                                    

            

                            
            

                413.8K
                文章
            

                    

                0
                评论
            

                    

                2
                粉丝
            

        

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

    



                    

                br在html里是什么                
                

                     上一篇
                    2025年12月21日 20:10:42
                

            

                            

                如何用dw打开HTML文件                
                

                    下一篇 
                    2025年12月21日 20:10:47
                

            

            

                            
相关推荐
                        

    	

		
发表回复 
登录后才能评论
 
	

		

                                                

                                                                                                            

                                        关注微信