小编给大家分享一下超文本标记语言中桌子行间距如何设置,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
在超文本标记语言中,可以给桌子元素添加边缘底部和上边距样式设置行间距,语法"表格样式='边距-底部:下外边间距值;页边距-top:上外边间距值'"。
本教程操作环境:windows7系统、HTML5版、戴尔自交第三代电脑。
html中table行间距的设置方法:
1、可以通过设置桌子的边缘底部属性与底部的桌子保持间距,页边距-底部属性设置元素的下外边距。
代码如下:
tablestyle='margin-bottom:下外边间距值'下面通过示例看一下:
!DOCTYPEhtml
超文本标记语言
头
metachartset=' utf-8 '
标题按钮/标题
/head
身体
table style=' border :1 pxsolidblack;边距-底部:100像素'宽度=' 400 '高度=' 100 '
tr
TD样式='边框:1 pxsolidblack ' 1/TD
TD样式='边框:1 pxsolidblack ' 2/TD
TD样式='边框:1 pxsolidblack ' 3/TD
TD样式='边框:1 pxsolidblack ' 4/TD
/tr
桌子
表格样式='边框:1 pxsolidblack '宽度=' 400 '高度=' 100 '
tr
TD样式='边框:1 pxsolidblack ' 1/TD
TD样式='边框:1 pxsolidblack ' 2/TD
TD样式='边框:1 pxsolidblack ' 3/TD
TD样式='边框:1 pxsolidblack ' 4/TD
/tr
桌子
/body
/html输出结果:
2、可以通过设置桌子的上边距与上方的桌子保持距离,页边距-顶部属性设置元素的上外边距。
代码如下:
tablestyle='margin-top:上外边间距值'下面通过示例看一下:
!DOCTYPEhtml
超文本标记语言
头
metachartset=' utf-8 '
标题按钮/标题
/head
身体
table style=' border :1 pxsolidblack;边距-底部:100像素'宽度=' 400 '高度=' 100 '
tr
TD样式='边框:1 pxsolidblack ' 1/TD
TD样式='边框:1 pxsolidblack ' 2/TD
TD样式='边框:1 pxsolidblack ' 3/TD
TD样式='边框:1 pxsolidblack ' 4/TD
/tr
桌子
table style=' border :1 pxsolidblack;页边距-顶部:100像素'宽度=' 400 '高度=' 100 '
tr
TD样式='边框:1 pxsolidblack ' 1/TD
TD样式='边框:1 pxsolidblack ' 2/TD
TD样式='边框:1 pxsolidblack ' 3/TD
TD样式='边框:1 pxsolidblack ' 4/TD
/tr
桌子
/body
/html输出结果:
以上是" html中桌子行间距如何设置"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/84785.html