body与html 会有间隙,css – thead和tbody之间的间距

我有一个简单的html表，像这样：

Column 1Column 2

Value 1Value 2Value 3Value 4Value 5Value 6Value 7Value 8

我想用下面的方式来设计它：

>带有阴影的标题行

>标题行和第一个正文行之间的空格

我尝试了不同的事情：

table {

/* collapsed,because the bottom shadow on thead tr is hidden otherwise */

border-collapse: collapse;

}

/* Shadow on the header row*/

thead tr { Box-shadow: 0 1px 10px #000000; }

/* Background colors defined on table cells */

th { background-color: #ccc; }

tr.even td { background-color: yellow; }

tr.odd td { background-color: orange; }

/* I would like spacing between thead tr and tr.first-row */

tr.first-row {

/* This doesn't work because of border-collapse */

/*border-top: 2em solid white;*/

}

tr.first-row td {

/* This doesn't work because of border-collapse */

/*border-top: 2em solid white;*/

/* This doesn't work because of the td background-color */

/*padding-top: 2em;*/

/* Margin is not a valid property on table cells */

/*margin-top: 2em;*/

}

有没有人有任何tipps如何我可以这样做？或实现相同的视觉效果(即身体阴影间距)？

谢谢！

body与html 会有间隙,css – thead和tbody之间的间距相关推荐

body html之间有空隙,css – thead和tbody之间的间距
我有一个简单的html表,像这样: Column 1Column 2 Value 1Value 2Value 3Value 4Value 5Value 6Value 7Value 8 我想用下面的方式 ...
html中字段间距代码,css调字体大小代码 css字与字之间的间距怎么调
html怎么改变字体大小和颜色可以用css改变字体的大小和颜色. 在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是"font-size"属在D ...
css字与字之间的间距
利用css设置文字之间的距离,有关的三个CSS属性是: 1. text-indent:cm; 设置首行的缩进距离 2. letter-spacing:px; 汉字间字间距设置或者英文单词中每个字母的 ...
table表格固定thead，tbody可滑动
效果图: html: <table width="80%" border="1"><thead><tr><th> ...
[css] span与span之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
[css] span与span之间有看不见的空白间隔是什么原因引起的?有什么解决办法? 可能是设置成了inline-block. 第一种解决方案是,去掉span标签内的空白. 第二种解决方案是,设置m ...
html如何让图片跟字体重叠,CSS设置图片与文字的间距
[实例介绍] CSS设置图片与文字的间距希望图片本身与文字有一定的距离只需要给标记添加margin属性即可.margin属性包括margin．top.margin-right,margin-bott ...
html两行中间间距怎么去,css行之间的间距怎么调？
css行之间的间距可以使用line-height属性来进行调整.line-height(行高)属性的值越大,那么行间距就越高. line-height属性用于设置行使用的空间量,即行间的距离(行高): ...
table标签中thead、tbody、tfoot的作用
为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用tbody可以优化显示.如果表格很长,用tbody分段,可以一部分一部分地显示, ...
html上外边距是,margin-top css设置对象上外边距间距（上外补白）
布局对象与上一个对象盒子间距间隔属性margin-top简称css上边距设置. margin-top与padding-top有相同之处都是设置边距间隔属性,margin-top设置对象上边的外距离,对 ...

body与html 会有间隙,css – thead和tbody之间的间距

body与html 会有间隙,css – thead和tbody之间的间距相关推荐

最新文章

热门文章